@charset "UTF-8";
@import url(fonts/style.css);
@import url(default.css);
.navbar .navbar-collapse .navbar-fixed-right .icon-language:after, .navbar .navbar-collapse .navbar-fixed-right .icon-mail:after, .navbar .navbar-collapse .navbar-fixed-right .icon-search:after, .min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button:before, .max-md-size .navbar .navbar-header .navbar-language .icon-language:after, .max-md-size .navbar .navbar-header .navbar-social .icon-social:after, .max-md-size .navbar .navbar-header .navbar-social .social-links .social-link a i:before, footer .top .company .social .social-links .social-link a:before, footer .bottom .gotop:after {
  position: relative;
  font-family: 'icomoon';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 16px;
  font: inherit;
  vertical-align: baseline;
}

ol {
  margin-left: 20px;
}

body, p, li, a, h1, h2, h3, h4, h5, h6, span, label, input, select, button, tr, th, td {
  font-family: "Roboto", Arial, Verdana, "Microsoft JhengHei", "微軟正黑體", "Heiti TC", "DFKai-sb";
  letter-spacing: 0px;
  font-size: 15px;
  color: #000;
}

em {
  font-style: italic;
}

/* HTML5 display-role reset for older browsers*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

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

@media screen and (min-width: 48em) {
  /*.container{
			width: calc(48rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (48rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (48rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 62em) {
  /*.container{
			width: calc(62rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (62rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (62rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 75em) {
  /*.container{
			width: calc(75rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (75rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (75rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 88em) {
  /*.container{
			width: calc(88rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (88rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (88rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 95em) {
  /*.container{
			width: calc(95rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (95rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (95rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 100em) {
  /*.container{
			width: calc(100rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (100rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (100rem - 1rem)) / 2);
  }
}

.navbar .navbar-collapse .navbar-fixed-right .icon-language:after, .navbar .navbar-collapse .navbar-fixed-right .icon-mail:after, .navbar .navbar-collapse .navbar-fixed-right .icon-search:after, .min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button:before, .max-md-size .navbar .navbar-header .navbar-language .icon-language:after, .max-md-size .navbar .navbar-header .navbar-social .icon-social:after, .max-md-size .navbar .navbar-header .navbar-social .social-links .social-link a i:before, footer .top .company .social .social-links .social-link a:before, footer .bottom .gotop:after {
  position: relative;
  font-family: 'icomoon';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 48em) {
  /*.container{
			width: calc(48rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (48rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (48rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 62em) {
  /*.container{
			width: calc(62rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (62rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (62rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 75em) {
  /*.container{
			width: calc(75rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (75rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (75rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 88em) {
  /*.container{
			width: calc(88rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (88rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (88rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 95em) {
  /*.container{
			width: calc(95rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (95rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (95rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 100em) {
  /*.container{
			width: calc(100rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (100rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (100rem - 1rem)) / 2);
  }
}

.red {
  color: #e50032;
}

.pic img {
  max-width: 100%;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
  margin-left: 0;
}

.navbar > .container .navbar-header,
.navbar > .container .navbar-collapse,
.navbar > .container-fluid .navbar-header,
.navbar > .container-fluid .navbar-collapse {
  margin-left: 0;
  margin-right: 0;
  max-height: none;
  padding: 0;
}

.navbar > .container .navbar-header .navbar-toggle .icon-bar,
.navbar > .container-fluid .navbar-header .navbar-toggle .icon-bar {
  background: #e50032;
}

.navbar .navbar-nav li > a,
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav .open > a,
.navbar .navbar-nav .active > a {
  background-image: none;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar .navbar-nav li > a:hover, .navbar .navbar-nav li > a:focus,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav .open > a:hover,
.navbar .navbar-nav .open > a:focus,
.navbar .navbar-nav .active > a:hover,
.navbar .navbar-nav .active > a:focus {
  background: transparent;
}

.min-sm-size .navbar > .container .navbar-brand,
.min-sm-size .navbar > .container-fluid .navbar-brand {
  margin-left: 0;
}

.min-sm-size .navbar > .container .navbar-header,
.min-sm-size .navbar > .container .navbar-collapse,
.min-sm-size .navbar > .container-fluid .navbar-header,
.min-sm-size .navbar > .container-fluid .navbar-collapse {
  margin-left: 0;
  margin-right: 0;
}

.int-sm-size .navbar > .container,
.int-sm-size .navbar > .container-fluid {
  width: 100%;
}

.min-md-size .nav-tabs {
  border-top: 1px solid #dddddd;
}

.nav-tabs > li > a,
.nav-tabs > li.active > a {
  background-color: transparent;
  border: 0;
  padding: 28px 15px;
  letter-spacing: 1px;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #f89800;
  background-color: transparent;
  border: 0;
}

.nav-tabs > li.active > a {
  color: #f89800;
  font-weight: bold;
}

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #f89800;
  font-weight: bold;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-image: none;
}

.fancybox-infobar__body span {
  color: #FFF;
}

.slick-slider .slick-arrow:before {
  color: #e50032;
}

.slick-dots {
  bottom: 0;
}

.slick-dots li {
  margin: 0 11px;
  width: 12px;
  height: 12px;
}

.slick-dots li button {
  padding: 0;
  width: 100%;
  height: 100%;
}

.slick-dots li button:before {
  content: "";
  opacity: 1;
  width: 100%;
  height: 100%;
  background: #FFF;
  border-radius: 50%;
  border: solid 2px #e50032;
}

.slick-dots li.slick-active button:before {
  background: #e50032;
}

.dk-select .dk-selected {
  border: 0;
}

.wswrap {
  white-space: normal;
}

.pager {
  position: relative;
}

.pager li > a:hover, .pager li > a:focus {
  background-color: transparent;
  color: #000;
}

.pager .pagination {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pager .pagination + .pagination {
  margin-left: 15px;
}

.max-xs-size .pager .pagination + .pagination {
  margin-left: 10px;
}

.pager .pagination > li > a {
  padding: 5px 15px;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #555;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.pager .pagination > li:hover > a, .pager .pagination > li.active > a {
  color: #e60033;
}

.pager .pagination > li:hover > a:hover, .pager .pagination > li:hover > a:focus, .pager .pagination > li.active > a:hover, .pager .pagination > li.active > a:focus {
  color: #e60033;
  background-color: transparent;
}

.pager .between {
  border-radius: 50%;
  border: solid 3px #e60033;
  padding: 0;
  width: 50px;
  height: 50px;
}

.pager .between > li > a {
  position: relative;
  padding: 0;
  text-align: center;
  line-height: 44px;
  display: block;
  width: 100%;
  color: #e60033;
  border-radius: 50%;
  -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}

.pager .between > li > a span {
  color: #e60033;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.pager .between > li > a i:before {
  font-size: 24px;
  color: #e50032;
  display: block;
  text-align: center;
  line-height: 44px;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.pager .between > li > a i.icon-icon-arrow-left:before {
  margin-left: -2px;
}

.pager .between > li > a i.icon-icon-arrow-right:before {
  margin-right: -2px;
}

.pager .between > li:hover > a, .pager .between > li.active > a {
  color: #FFF;
  background-color: #e60033;
}

.pager .between > li:hover > a i:before, .pager .between > li.active > a i:before {
  color: #FFF;
}

.pager .between > li:hover > a:hover, .pager .between > li:hover > a:focus, .pager .between > li.active > a:hover, .pager .between > li.active > a:focus {
  color: #FFF;
  background-color: #e60033;
}

.pager .mid {
  background: #FFF;
  padding-left: 50px;
  padding-right: 50px;
  border-radius: 25px;
}

.max-sm-size .pager .mid {
  padding-left: 30px;
  padding-right: 30px;
}

.max-xs-size .pager .mid {
  padding-left: 20px;
  padding-right: 20px;
}

.footable .form-group.required .control-label:after {
  content: "*";
  color: red;
  margin-left: 4px;
}

table tr th,
table tr td {
  vertical-align: middle;
  padding: 8px 15px;
  border: solid 1px #ddd;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
}

table tr th ul li,
table tr td ul li {
  line-height: 24px;
}

.no-wrap {
  white-space: nowrap;
}

/*正中央*/
.ta-l {
  text-align: left;
}

.ta-l.table > tbody > tr > td {
  text-align: left !important;
}

.ta-l.table > tbody > tr > td h4 {
  text-align: left !important;
}

.ta-l.table > tbody > tr > td.ta-c {
  text-align: center !important;
}

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

.centert {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  text-align: center;
  display: inline-block;
  position: absolute;
}

.tcenter {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.vcenter {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.hcenter {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.centerh {
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  text-align: center;
  display: inline-block;
  position: absolute;
}

.centerv {
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  text-align: center;
  display: inline-block;
  position: absolute;
}

.center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.middle {
  display: table;
  height: 100%;
  width: 100%;
}

.middle-inline {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 100%;
  width: 100%;
}

.max-sm-size .centert.no-sm {
  left: inherit;
  top: inherit;
  bottom: inherit;
  right: inherit;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  text-align: center;
  display: block;
  position: relative;
}

.bg-white {
  background: #fff !important;
}

/*去除左右空間*/
.nopadding {
  padding: 0;
}

.flex-auto-3 {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-width: 40%;
}

.modal {
  overflow: auto;
}

/* 動畫 */
body {
  -webkit-backface-visibility: hidden;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn, .animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

.animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

/*  @import url('https://fonts.googleapis.com/css?family=Libre+Franklin:400,500|Playfair+Display|Roboto|Fjalla+One|Open+Sans|Roboto');  */
/* ==========================================================================
	Public
 ========================================================================== */
html .wp {
  opacity: 0;
}

html.page-in .wp {
  opacity: 1;
}

.wow {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.white {
  color: #FFF !important;
}

.white.breadcrumb li + li:before {
  color: #FFF !important;
}

.white.breadcrumb li.active {
  color: #FFF !important;
}

.white.breadcrumb li:before {
  color: #FFF !important;
}

.white.breadcrumb li a {
  color: #FFF !important;
}

.links {
  -webkit-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.3);
  width: 100%;
  background-color: #FFF;
  padding: 0 .5rem;
}

.links > .container {
  margin: 0 auto;
}

.min-lg-size .links > .container .dropdown ul li + li {
  margin-left: 35px;
}

.min-md-size .links > .container .dropdown .dropdown-toggle {
  display: none;
}

.min-md-size .links > .container .dropdown ul li {
  float: left;
}

.min-md-size .links > .container .dropdown ul li + li {
  margin-left: 20px;
}

.min-md-size .links > .container .dropdown ul li a {
  position: relative;
  display: block;
  padding: 30px 15px;
  letter-spacing: 1.5px;
}

.min-md-size .links > .container .dropdown ul li a:after {
  content: "";
  position: absolute;
  width: 0%;
  overflow: hidden;
  left: 50%;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 3px;
  background: #ffa817;
  background: -moz-linear-gradient(left, #ffa817 0%, #d1f238 51%, #d1f238 51%, #4ebdf8 100%);
  background: -webkit-linear-gradient(left, #ffa817 0%, #d1f238 51%, #d1f238 51%, #4ebdf8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ffa817), color-stop(51%, #d1f238), color-stop(51%, #d1f238), to(#4ebdf8));
  background: -o-linear-gradient(left, #ffa817 0%, #d1f238 51%, #d1f238 51%, #4ebdf8 100%);
  background: linear-gradient(to right, #ffa817 0%, #d1f238 51%, #d1f238 51%, #4ebdf8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa817', endColorstr='#4ebdf8',GradientType=1 );
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.min-md-size .links > .container .dropdown ul li.active a,
.min-md-size .links > .container .dropdown ul li:hover a {
  color: #e50032;
}

.min-md-size .links > .container .dropdown ul li.active a:after,
.min-md-size .links > .container .dropdown ul li:hover a:after {
  width: 100%;
}

.int-lg-size .links > .container .dropdown ul li a {
  font-size: 16px;
  letter-spacing: 1px;
  padding: 30px 10px;
}

.int-md-size .links > .container .dropdown ul li a {
  font-size: 14px;
  letter-spacing: 0.5px;
  padding: 30px 5px;
}

.max-md-size .links > .container .dropdown {
  display: none;
}

.max-md-size .links > .container .dropdown .dropdown-toggle {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 15px;
  letter-spacing: 1.5px;
}

.max-md-size .links > .container .dropdown ul {
  width: 100%;
}

.max-md-size .links > .container .dropdown ul li {
  width: 100%;
}

.max-md-size .links > .container .dropdown ul li a {
  text-align: center;
}

.max-md-size .links {
  padding-left: .5rem;
  padding-right: .5rem;
  width: 100%;
  background: #FFF;
}

.max-md-size .links .container {
  padding: 0 15px;
  margin: 0 auto;
}

.max-md-size .wp.news .links .container {
  padding: 0;
  width: 100%;
}

.max-md-size .wp.news .links .container .dropdown {
  display: block;
}

.max-md-size .wp.news .links .container .dropdown.open .dropdown-toggle .caret:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.max-md-size .wp.news .links .container .dropdown-toggle {
  position: relative;
  display: block;
  padding: 6px 12px;
  font-size: 20px;
  letter-spacing: 1px;
  background: #FFF;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ddd;
  border-radius: 0;
  border: 1px solid #f89800;
  background: #f89800;
  color: #FFF;
  -webkit-box-shadow: 5px 3px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 3px 20px rgba(0, 0, 0, 0.3);
  text-shadow: none;
  z-index: 99;
}

.max-md-size .wp.news .links .container .dropdown-toggle .caret {
  border: 0;
}

.max-md-size .wp.news .links .container .dropdown-toggle .caret:after {
  content: "\e90a";
  font-family: 'icomoon';
  position: absolute;
  color: #FFF;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.max-md-size .wp.news .links .container .dropdown-menu {
  position: absolute;
  width: 100%;
  min-height: 20px;
  margin-bottom: 0;
  margin-top: -1px;
  border-radius: 0;
  border: solid 1px #ddd;
  background: #FFF;
  -webkit-box-shadow: 5px 3px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 3px 20px rgba(0, 0, 0, 0.3);
  z-index: 999;
}

.max-md-size .wp.news .links .container .dropdown-menu li {
  background: transparent;
  width: 100%;
  text-align: center;
}

.max-md-size .wp.news .links .container .dropdown-menu li.active a, .max-md-size .wp.news .links .container .dropdown-menu li:hover a {
  color: #f89800;
  background-color: #FFF;
}

.max-md-size .wp.news .links .container .dropdown-menu li a {
  background: transparent;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  padding: 12px 15px;
  border-radius: 0;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.tabs-area {
  z-index: 99;
}

.min-md-size .tabs-area .container {
  padding: 0;
}

.min-md-size .tabs-area .nav-tabs {
  border-top: 0;
  border-bottom: solid 1px #eee;
  width: auto;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.min-md-size .tabs-area .nav-tabs li a {
  color: #999;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.min-md-size .tabs-area .nav-tabs li.active a, .min-md-size .tabs-area .nav-tabs li.active:hover a {
  color: #f89800;
  font-weight: bolder;
}

.min-md-size .tabs-area .nav-tabs li:hover a {
  color: #333;
}

.tabs-area .nav-tabs-dropdown {
  position: relative;
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.tabs-area .nav-tabs-dropdown:before {
  content: "\e90a";
  font-family: 'icomoon';
  position: absolute;
  right: 30px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.tabs-area .nav-tabs-dropdown.open:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.max-md-size .tabs-area .nav-tabs-dropdown {
  position: relative;
  display: block;
  font-size: 20px;
  letter-spacing: 1px;
  background: #FFF;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ddd;
  border-radius: 0;
  border: 1px solid #f89800;
  background: #f89800;
  color: #FFF;
  -webkit-box-shadow: 5px 3px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 3px 20px rgba(0, 0, 0, 0.3);
  z-index: 99;
}

.max-md-size .tabs-area .nav-tabs-dropdown.open {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.min-md-size .tabs-area #nav-tabs-wrapper {
  display: block !important;
  padding: 18px 0px;
}

.max-md-size .tabs-area {
  padding: 0 .5rem;
  display: block;
  width: 100%;
}

.max-md-size .tabs-area .container {
  position: relative;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}

.max-md-size .tabs-area .container #nav-tabs-wrapper {
  position: absolute;
  width: 100%;
  display: none;
  min-height: 20px;
  margin-bottom: 0;
  border-radius: 0;
  border: solid 1px #ddd;
  background: #FFF;
  -webkit-box-shadow: 5px 3px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 3px 20px rgba(0, 0, 0, 0.3);
  z-index: 99;
}

.max-md-size .tabs-area .container #nav-tabs-wrapper > li {
  float: none;
}

.max-md-size .tabs-area .container #nav-tabs-wrapper > li > a {
  border-radius: 4px;
  padding: 12px 15px;
  border-radius: 0;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.max-md-size .tabs-area .container #nav-tabs-wrapper > li.active > a,
.max-md-size .tabs-area .container #nav-tabs-wrapper > li.active > a:hover,
.max-md-size .tabs-area .container #nav-tabs-wrapper > li.active > a:focus {
  color: #f89800;
  background-color: #FFF;
}

.max-md-size .tabs-area .container #nav-tabs-wrapper > li + li {
  margin-left: 0;
}

.max-md-size .tabs-area .container #nav-tabs-wrapper > li,
.max-md-size .tabs-area .container #nav-tabs-wrapper > li > a {
  background: transparent;
  width: 100%;
  text-align: center;
}

.max-sm-size .tabs-area .container {
  padding: 0;
}

.max-md-size [data-id="investors"] .links .container .stock {
  padding-top: 41px;
  text-align: center;
}

.max-md-size [data-id="investors"] .links .container .stock span {
  padding: 10px;
}

.max-md-size [data-id="investors"] .content {
  padding-top: 0;
}

.max-md-size [data-id="investors"] .content .tab-content {
  padding-top: 60px;
}

a[download] {
  white-space: nowrap;
  letter-spacing: 1px;
}

a[download] i {
  display: inline-block;
  padding-left: 5px;
}

.modal {
  text-align: center;
}

.min-sm-size .modal:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 100%;
}

.modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/* ==========================================================================
	Normal
 ========================================================================== */
.wp .main .banner {
  position: relative;
  width: 100%;
  height: 500px;
  margin-bottom: 76px;
  z-index: 50;
}

.wp .main .banner > .container-fluid {
  padding: 0;
}

.wp .main .banner .pic {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 0;
}

.wp .main .banner .banner-content {
  position: relative;
  height: 370px;
  margin-top: 130px;
}

.wp .main .banner .banner-content .breadcrumb {
  position: relative;
  background: transparent;
  padding-top: 20px;
}

.min-lg-size .wp .main .banner .banner-content .breadcrumb {
  padding-left: 0;
  padding-right: 0;
}

.wp .main .banner .banner-content .breadcrumb > li + li:before {
  content: ">";
  color: #666;
}

.wp .main .banner .banner-content .breadcrumb li, .wp .main .banner .banner-content .breadcrumb a {
  font-size: 13px;
  color: #666;
  letter-spacing: 1px;
}

.max-sm-size .wp .main .banner .banner-content .breadcrumb {
  padding: 8px 0;
  margin-left: 10px;
}

.max-sm-size .wp .main .banner .banner-content .breadcrumb h2:last-child {
  font-size: 24px;
}

.max-sm-size .wp .main .banner .banner-content .breadcrumb h2:first-child {
  font-size: 30px;
  letter-spacing: 4px;
}

.wp .main .banner .banner-content .title {
  position: absolute;
  left: 60px;
}

.wp .main .banner .banner-content .title h2:last-child {
  font-size: 30px;
}

.wp .main .banner .banner-content .title h2:first-child {
  font-size: 36px;
  letter-spacing: 4px;
}

.wp .main .banner .banner-content .title h2 + h2 {
  margin-top: 25px;
}

.max-sm-size .wp .main .banner .banner-content .title {
  left: 10px;
}

.max-sm-size .wp .main .banner .banner-content .title h2 {
  text-align: left;
}

.max-sm-size .wp .main .banner .banner-content .title h2:last-child {
  font-size: 24px;
}

.max-sm-size .wp .main .banner .banner-content .title h2:first-child {
  font-size: 30px;
  letter-spacing: 4px;
}

.max-sm-size .wp .main .banner .banner-content .title h2 + h2 {
  margin-top: 15px;
}

.max-xs-size .wp .main .banner .banner-content .title h2:last-child {
  font-size: 20px;
}

.max-xs-size .wp .main .banner .banner-content .title h2:first-child {
  font-size: 24px;
  letter-spacing: 4px;
}

.max-md-size .wp .main .banner {
  height: 430px;
  margin-bottom: 62px;
  margin-bottom: 0;
}

.max-md-size .wp .main .banner .banner-content {
  margin-top: 60px;
}

.max-sm-size .wp .main .banner {
  margin-top: 60px;
  height: 250px;
}

.max-sm-size .wp .main .banner .banner-content {
  margin-top: 0;
  height: 250px;
}

.max-xs-size .wp .main .banner {
  height: 200px;
}

.max-xs-size .wp .main .banner .banner-content {
  height: 200px;
}

.max-sm-size .wp.index .main .banner {
  margin-top: 0;
}

.max-sm-size .wp.terms .main .banner .banner-content .title, .max-sm-size .wp.contact .main .banner .banner-content .title {
  left: 0;
}

.column .box {
  position: relative;
  height: calc(100% - 20px);
}

.column .box .border {
  position: absolute;
  background-color: #e50032;
  z-index: 2;
  -webkit-transition: border 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, opacity 0.6s ease-in-out, top 0.6s ease-in-out, bottom 0.6s ease-in-out, left 0.6s ease-in-out, right 0.6s ease-in-out;
  -moz-transition: border 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, opacity 0.6s ease-in-out, top 0.6s ease-in-out, bottom 0.6s ease-in-out, left 0.6s ease-in-out, right 0.6s ease-in-out;
  -ms-transition: border 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, opacity 0.6s ease-in-out, top 0.6s ease-in-out, bottom 0.6s ease-in-out, left 0.6s ease-in-out, right 0.6s ease-in-out;
  -o-transition: border 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, opacity 0.6s ease-in-out, top 0.6s ease-in-out, bottom 0.6s ease-in-out, left 0.6s ease-in-out, right 0.6s ease-in-out;
  transition: border 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, opacity 0.6s ease-in-out, top 0.6s ease-in-out, bottom 0.6s ease-in-out, left 0.6s ease-in-out, right 0.6s ease-in-out;
}

.column .box .border.border-top, .column .box .border.border-bottom {
  width: 0%;
  height: 2px;
  left: 50%;
}

.column .box .border.border-left, .column .box .border.border-right {
  height: 0%;
  width: 2px;
  top: 50%;
}

.column .box .border.border-top {
  top: 0;
}

.column .box .border.border-bottom {
  bottom: 0;
}

.column .box .border.border-left {
  left: 0;
}

.column .box .border.border-right {
  right: 0;
}

.column:hover .box .border.border-top, .column:hover .box .border.border-bottom {
  width: 100%;
  left: 0;
}

.column:hover .box .border.border-left, .column:hover .box .border.border-right {
  height: 100%;
  top: 0;
}

.column:hover .box .border.border-bottom {
  right: 0;
}

.column:hover .box .border.border-right {
  bottom: 0;
}

.tools .social {
  float: right;
  padding-left: 15px;
  width: calc(100% - 200px);
}

.min-lg-size .tools .social,
.max-md-size .tools .social {
  max-width: 270px;
}

.tools .social label {
  float: left;
  padding-right: 10px;
  width: 55px;
}

.tools .social .a2a_kit {
  float: left;
  width: calc(100% - 65px);
}

.tools .social .a2a_kit a {
  float: left;
  width: 25%;
  padding: 0 11px;
  padding-top: 12px;
}

.tools .social .a2a_kit a .a2a_svg {
  float: none;
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  line-height: 24px;
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.tools .social .a2a_kit a .a2a_s_twitter {
  background-color: #FFF !important;
}

.tools .social .a2a_kit a .a2a_s_twitter svg path {
  fill: #55acee;
}

.tools .social .a2a_kit a .a2a_s_sina_weibo {
  background-color: #FFF !important;
}

.tools .social .a2a_kit a .a2a_s_sina_weibo svg path {
  fill: #e6162d;
}

.tools .social .a2a_kit a:hover .a2a_svg {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.tools .social label, .tools .social span {
  line-height: 50px;
}

.max-xs-size .tools .social {
  position: relative;
  display: block;
  margin: 0 auto;
  float: none;
}

.table-responsive .table {
  margin-bottom: 5px;
}

.table-responsive .table a[href] {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.table-responsive .table a[href]:hover {
  color: #e50032;
}

.table-bg,
.table-model-1 {
  position: relative;
  border-left: solid 1px #FFF;
  border-right: solid 1px #FFF;
  background: #e92126;
  background: -moz-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: -webkit-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: -webkit-gradient(linear, left top, right top, from(#fd9114), color-stop(50%, #f55b1c), to(#e92126));
  background: -o-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: linear-gradient(to right, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9114', endColorstr='#e92126',GradientType=1 );
  width: 100%;
  max-width: none;
}

.table-bg > thead > tr > th,
.table-bg > thead > tr > td,
.table-bg > tbody > tr > th,
.table-bg > tbody > tr > td,
.table-model-1 > thead > tr > th,
.table-model-1 > thead > tr > td,
.table-model-1 > tbody > tr > th,
.table-model-1 > tbody > tr > td {
  vertical-align: middle;
}

.table-bg > thead > tr > th label, .table-bg > thead > tr > th li, .table-bg > thead > tr > th p, .table-bg > thead > tr > th span,
.table-bg > thead > tr > td label,
.table-bg > thead > tr > td li,
.table-bg > thead > tr > td p,
.table-bg > thead > tr > td span,
.table-bg > tbody > tr > th label,
.table-bg > tbody > tr > th li,
.table-bg > tbody > tr > th p,
.table-bg > tbody > tr > th span,
.table-bg > tbody > tr > td label,
.table-bg > tbody > tr > td li,
.table-bg > tbody > tr > td p,
.table-bg > tbody > tr > td span,
.table-model-1 > thead > tr > th label,
.table-model-1 > thead > tr > th li,
.table-model-1 > thead > tr > th p,
.table-model-1 > thead > tr > th span,
.table-model-1 > thead > tr > td label,
.table-model-1 > thead > tr > td li,
.table-model-1 > thead > tr > td p,
.table-model-1 > thead > tr > td span,
.table-model-1 > tbody > tr > th label,
.table-model-1 > tbody > tr > th li,
.table-model-1 > tbody > tr > th p,
.table-model-1 > tbody > tr > th span,
.table-model-1 > tbody > tr > td label,
.table-model-1 > tbody > tr > td li,
.table-model-1 > tbody > tr > td p,
.table-model-1 > tbody > tr > td span {
  line-height: 30px;
}

.table-bg > thead > tr > th,
.table-model-1 > thead > tr > th {
  text-align: center;
  color: #FFF;
  border: 0;
  padding: 19px 20px;
}

.table-bg > thead.thead-border > tr > th,
.table-model-1 > thead.thead-border > tr > th {
  border: solid 1px #FFF;
}

.table-bg > tbody > tr:nth-of-type(odd), .table-bg > tbody > tr.tbody-odd,
.table-model-1 > tbody > tr:nth-of-type(odd),
.table-model-1 > tbody > tr.tbody-odd {
  background: #eee;
}

.table-bg > tbody > tr:nth-of-type(even), .table-bg > tbody > tr.tbody-even,
.table-model-1 > tbody > tr:nth-of-type(even),
.table-model-1 > tbody > tr.tbody-even {
  background: #f6f6f6;
}

.table-bg > tbody > tr:nth-of-type(odd).tbody-odd, .table-bg > tbody > tr:nth-of-type(even).tbody-odd,
.table-model-1 > tbody > tr:nth-of-type(odd).tbody-odd,
.table-model-1 > tbody > tr:nth-of-type(even).tbody-odd {
  background: #eee;
}

.table-bg > tbody > tr:nth-of-type(odd).tbody-even, .table-bg > tbody > tr:nth-of-type(even).tbody-even,
.table-model-1 > tbody > tr:nth-of-type(odd).tbody-even,
.table-model-1 > tbody > tr:nth-of-type(even).tbody-even {
  background: #f6f6f6;
}

.table-bg > tbody > tr > td,
.table-model-1 > tbody > tr > td {
  border: 0;
  padding: 15px 20px;
}

.table-bg > tbody > tr > td label, .table-bg > tbody > tr > td li, .table-bg > tbody > tr > td p, .table-bg > tbody > tr > td span,
.table-model-1 > tbody > tr > td label,
.table-model-1 > tbody > tr > td li,
.table-model-1 > tbody > tr > td p,
.table-model-1 > tbody > tr > td span {
  font-size: 16px;
  letter-spacing: 1.5px;
}

.table-bg > tbody > tr > td + td,
.table-model-1 > tbody > tr > td + td {
  border-left: solid 3px #FFF;
}

.table-bg > tbody > tr + tr > td,
.table-model-1 > tbody > tr + tr > td {
  border-top: solid 2px #FFF;
}

.table-bg:after,
.table-model-1:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background: #e92126;
  background: -moz-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: -webkit-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: -webkit-gradient(linear, left top, right top, from(#fd9114), color-stop(50%, #f55b1c), to(#e92126));
  background: -o-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: linear-gradient(to right, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9114', endColorstr='#e92126',GradientType=1 );
  z-index: 99;
}

.max-sm-size .table-bg > thead > tr > th,
.max-sm-size .table-bg > thead > tr > td,
.max-sm-size .table-bg > tbody > tr > th,
.max-sm-size .table-bg > tbody > tr > td, .max-sm-size
.table-model-1 > thead > tr > th,
.max-sm-size
.table-model-1 > thead > tr > td,
.max-sm-size
.table-model-1 > tbody > tr > th,
.max-sm-size
.table-model-1 > tbody > tr > td {
  white-space: normal;
  padding: 12px 15px;
}

.max-sm-size .table-bg > thead > tr:first-child > th:first-child,
.max-sm-size .table-bg > tbody > tr:first-child > th:first-child, .max-sm-size
.table-model-1 > thead > tr:first-child > th:first-child,
.max-sm-size
.table-model-1 > tbody > tr:first-child > th:first-child {
  min-width: 25vw;
}

.table-bg.bg-red.table-dropdown:after {
  background: #CF072A;
}

.table-bg.bg-red.table-dropdown > thead > tr > th {
  position: relative;
  background: #CF072A;
  color: #FFF;
  text-align: center;
}

.table-bg.bg-red.table-dropdown > thead > tr > th + th:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background: #FFF;
}

.table-bg.bg-red.table-dropdown > thead > tr > th.nopadding {
  padding: 0 !important;
  height: 60px;
}

.table-bg.bg-red.table-dropdown > thead > tr > th.nopadding .dropkick .dk-selected {
  line-height: 60px;
  margin: 0;
}

.table-bg.bg-red.table-dropdown > thead > tr > th.nopadding .sort {
  width: 100%;
  height: 100%;
  color: #FFF;
  padding: 0 1.5em;
}

.table-bg.bg-red.table-dropdown > thead > tr > th.nopadding .sort.active:before {
  border-bottom-width: 0.25em;
  border-top-width: 0;
  border-bottom-color: #FFF;
  border-top-color: transparent;
}

.table-bg.bg-red.table-dropdown > thead > tr > th.nopadding .sort:before {
  content: '';
  display: block;
  position: absolute;
  right: 5px;
  top: 50%;
  border: solid transparent;
  border-width: 0.25em 0.25em 0;
  border-top-color: #FFF;
  margin: -0.125em 0.5em 0 0;
}

.table-bg.bg-red.table-dropdown > thead > tr > th .dropkick {
  width: calc(100% - 2px);
  padding-left: 1px;
  height: 100%;
}

.table-bg.bg-red.table-dropdown > thead > tr > th .dropkick.dk-select-open-up .dk-selected:before, .table-bg.bg-red.table-dropdown > thead > tr > th .dropkick.dk-select-open-down .dk-selected:before {
  border-bottom-color: #FFF;
}

.table-bg.bg-red.table-dropdown > thead > tr > th .dropkick .dk-selected {
  width: 100%;
  height: 100%;
  background: #CF072A;
  border-radius: 0;
  padding: 0 1.5em;
}

.table-bg.bg-red.table-dropdown > thead > tr > th .dropkick .dk-selected:before {
  right: 5px;
  border-top-color: #FFF;
}

.table-bg.bg-red.table-dropdown > thead > tr > th .dropkick .dk-selected:after {
  border: 0;
}

.table-bg.bg-red.table-dropdown > thead > tr > th .dropkick .dk-select-options {
  border: 0;
  background: #F00;
  border-radius: 0;
  margin: 0;
  padding: 0;
  max-height: 60vh;
  -webkit-transition: max-height 0.3s ease-in-out;
  -o-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
}

.table-bg.bg-red.table-dropdown > thead > tr > th .dropkick .dk-select-options .dk-option {
  background: #CF072A;
  color: #FFF;
  height: 50px;
  line-height: 50px;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.table-bg.bg-red.table-dropdown > thead > tr > th .dropkick .dk-select-options .dk-option.dk-option-highlight {
  background: #A70527;
}

/* ==========================================================================
	首頁 index
 ========================================================================== */
.wp.index .main .banner {
  position: relative;
  margin-bottom: 1px;
}

.min-md-size .wp.index .main .banner {
  height: 100vh;
  min-height: 700px;
}

.wp.index .main .banner .slider,
.wp.index .main .banner .slick-list,
.wp.index .main .banner .slick-track {
  height: 100%;
  overflow: visible;
}

.wp.index .main .banner .container-fluid > .pic {
  top: 50px;
  height: calc(100% - 50px - 60px);
}

.wp.index .main .banner .container-fluid .banner-content {
  position: relative;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: auto;
  margin-top: calc(100vh - 246px - 60px);
}

@media screen and (min-width: 992px) and (max-height: 699px) {
  .wp.index .main .banner .container-fluid .banner-content {
    margin-top: 400px;
  }
}

.wp.index .main .banner .container-fluid .banner-content .left h2,
.wp.index .main .banner .container-fluid .banner-content .left h2 span {
  color: #FFF;
  font-size: 84px;
  letter-spacing: 0.5px;
  font-family: 'Playfair Display';
}

.wp.index .main .banner .container-fluid .banner-content .right {
  margin-top: 72px;
  padding: 0;
}

.wp.index .main .banner .container-fluid .banner-content .right .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wp.index .main .banner .container-fluid .banner-content .right .row .info {
  position: relative;
  float: left;
  width: calc(100% - 271px + 20px);
  padding: 38px 30px;
}

.wp.index .main .banner .container-fluid .banner-content .right .row .info h3, .wp.index .main .banner .container-fluid .banner-content .right .row .info p {
  position: relative;
  color: #FFF;
  text-align: left;
}

.wp.index .main .banner .container-fluid .banner-content .right .row .info h3 {
  letter-spacing: 2px;
  font-weight: bolder;
  font-size: 36px;
}

.wp.index .main .banner .container-fluid .banner-content .right .row .info p {
  letter-spacing: 1.2px;
  font-size: 24px;
  line-height: 33px;
}

.wp.index .main .banner .container-fluid .banner-content .right .row .info h3 + p {
  margin-top: 16px;
}

.wp.index .main .banner .container-fluid .banner-content .right .row .info:before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #e50032;
  border-radius: 5px;
}

.wp.index .main .banner .container-fluid .banner-content .right .row .pic {
  position: relative;
  float: right;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  width: 271px;
  height: auto;
}

.wp.index .main .banner .container-fluid .banner-content .right .row .pic img {
  float: right;
}

.in .wp.index .main .banner .container-fluid .banner-content .right .row .info:before {
  opacity: 1;
  width: 120%;
}

.wp.index .main .banner .container-fluid .dec {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 0;
  -webkit-transform: rotate(-270deg) scale(0.1) translateY(-50%);
  -moz-transform: rotate(-270deg) scale(0.1) translateY(-50%);
  -ms-transform: rotate(-270deg) scale(0.1) translateY(-50%);
  -o-transform: rotate(-270deg) scale(0.1) translateY(-50%);
  transform: rotate(-270deg) scale(0.1) translateY(-50%);
}

.IE-mode .wp.index .main .banner .container-fluid.slick-active.slick-current > .pic {
  -webkit-animation: none;
  animation: none;
}

.wp.index .main .banner .container-fluid.slick-active.slick-current .banner-content .left h2,
.wp.index .main .banner .container-fluid.slick-active.slick-current .banner-content .left h2 span {
  -webkit-animation: fade-in-left 1s ease-in-out 1s both;
  -moz-animation: fade-in-left 1s ease-in-out 1s both;
  -ms-animation: fade-in-left 1s ease-in-out 1s both;
  -o-animation: fade-in-left 1s ease-in-out 1s both;
  animation: fade-in-left 1s ease-in-out 1s both;
}

.max-xs-size .wp.index .main .banner .container-fluid.slick-active.slick-current .banner-content .left h2, .max-xs-size
.wp.index .main .banner .container-fluid.slick-active.slick-current .banner-content .left h2 span {
  -webkit-animation: zoomIn 1s ease-in-out 1s both;
  -moz-animation: zoomIn 1s ease-in-out 1s both;
  -ms-animation: zoomIn 1s ease-in-out 1s both;
  -o-animation: zoomIn 1s ease-in-out 1s both;
  animation: zoomIn 1s ease-in-out 1s both;
}

.wp.index .main .banner .container-fluid.slick-active.slick-current .banner-content .right .row .info h3 {
  -webkit-animation: fade-in-top 1s ease-in-out 0.25s both;
  -moz-animation: fade-in-top 1s ease-in-out 0.25s both;
  -ms-animation: fade-in-top 1s ease-in-out 0.25s both;
  -o-animation: fade-in-top 1s ease-in-out 0.25s both;
  animation: fade-in-top 1s ease-in-out 0.25s both;
}

.wp.index .main .banner .container-fluid.slick-active.slick-current .banner-content .right .row .info p {
  -webkit-animation: fade-in-bottom 1s ease-in-out 0.25s both;
  -moz-animation: fade-in-bottom 1s ease-in-out 0.25s both;
  -ms-animation: fade-in-bottom 1s ease-in-out 0.25s both;
  -o-animation: fade-in-bottom 1s ease-in-out 0.25s both;
  animation: fade-in-bottom 1s ease-in-out 0.25s both;
}

.wp.index .main .banner .container-fluid.slick-active.slick-current .banner-content .right .row .info:before {
  -webkit-animation: width-collapse 1s ease-in-out 1.5s both;
  -moz-animation: width-collapse 1s ease-in-out 1.5s both;
  -ms-animation: width-collapse 1s ease-in-out 1.5s both;
  -o-animation: width-collapse 1s ease-in-out 1.5s both;
  animation: width-collapse 1s ease-in-out 1.5s both;
}

.max-xs-size .wp.index .main .banner .container-fluid.slick-active.slick-current .banner-content .right .row .info:before {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
  opacity: 1;
}

.wp.index .main .banner .container-fluid.slick-active.slick-current .banner-content .right .row .pic {
  -webkit-animation: fade-in-right 1s ease-in-out 0.25s both;
  -moz-animation: fade-in-right 1s ease-in-out 0.25s both;
  -ms-animation: fade-in-right 1s ease-in-out 0.25s both;
  -o-animation: fade-in-right 1s ease-in-out 0.25s both;
  animation: fade-in-right 1s ease-in-out 0.25s both;
}

.max-xs-size .wp.index .main .banner .container-fluid.slick-active.slick-current .banner-content .right .row .pic {
  -webkit-animation: fade-in 1s ease-in-out 0.25s both;
  -moz-animation: fade-in 1s ease-in-out 0.25s both;
  -ms-animation: fade-in 1s ease-in-out 0.25s both;
  -o-animation: fade-in 1s ease-in-out 0.25s both;
  animation: fade-in 1s ease-in-out 0.25s both;
}

.wp.index .main .banner .container-fluid.slick-active.slick-current .dec {
  -webkit-animation: luo 3s cubic-bezier(0.645, 0.045, 0.355, 1) both;
  -moz-animation: luo 3s cubic-bezier(0.645, 0.045, 0.355, 1) both;
  -ms-animation: luo 3s cubic-bezier(0.645, 0.045, 0.355, 1) both;
  -o-animation: luo 3s cubic-bezier(0.645, 0.045, 0.355, 1) both;
  animation: luo 3s cubic-bezier(0.645, 0.045, 0.355, 1) both;
}

.int-lg-size .wp.index .main .banner .container-fluid .banner-content .left {
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
  max-width: 45%;
}

.int-lg-size .wp.index .main .banner .container-fluid .banner-content .right {
  -ms-flex-preferred-size: 55%;
  flex-basis: 55%;
  max-width: 55%;
}

.max-hd-size .wp.index .main .banner .container-fluid .banner-content .left h2,
.max-hd-size .wp.index .main .banner .container-fluid .banner-content .left h2 span {
  font-size: 75px;
}

.max-bg-size .wp.index .main .banner .container-fluid .banner-content .left h2,
.max-bg-size .wp.index .main .banner .container-fluid .banner-content .left h2 span {
  font-size: 60px;
}

.max-lg-size .wp.index .main .banner {
  height: auto;
  min-height: 0;
  margin-bottom: 0;
}

.max-lg-size .wp.index .main .banner .container-fluid .banner-content {
  margin-top: calc(85vh - 246px - 60px);
}

.int-md-size .wp.index .main .banner .container-fluid .banner-content .left h2, .int-md-size .wp.index .main .banner .container-fluid .banner-content .left h2 span {
  font-size: 48px;
}

.int-md-size .wp.index .main .banner .container-fluid .banner-content .right {
  margin-top: 0;
}

.int-md-size .wp.index .main .banner .container-fluid .banner-content .right .row .info h3 {
  font-size: 30px;
}

.int-md-size .wp.index .main .banner .container-fluid .dec img {
  width: 150px;
}

.max-md-size .wp.index .main .banner .container-fluid {
  padding: 0;
}

.max-md-size .wp.index .main .banner .container-fluid > .pic {
  top: 60px;
  height: calc(100% - 50px - 60px);
}

.max-md-size .wp.index .main .banner .container-fluid .banner-content {
  top: calc(100% + 60px);
}

.max-md-size .wp.index .main .banner .container-fluid .banner-content .row .right {
  width: 100%;
  padding: 0 15px;
}

.max-md-size .wp.index .main .banner .container-fluid .dec img {
  width: 150px;
}

.max-sm-size .wp.index .main .banner {
  height: auto;
}

.max-sm-size .wp.index .main .banner .container-fluid .pic {
  height: calc(100% - 80px);
}

.max-sm-size .wp.index .main .banner .container-fluid .banner-content {
  margin-top: calc(500px - 246px - 60px);
  top: calc(100% - 30px);
}

.max-sm-size .wp.index .main .banner .container-fluid .banner-content .row .left h2,
.max-sm-size .wp.index .main .banner .container-fluid .banner-content .row .left h2 span {
  font-size: 40px;
}

.max-sm-size .wp.index .main .banner .container-fluid .banner-content .row .right {
  width: 90%;
}

.max-sm-size .wp.index .main .banner .container-fluid .banner-content .row .right .info {
  width: calc(100% - 125px);
  -ms-flex-preferred-size: calc(100% - 125px);
  flex-basis: calc(100% - 125px);
  max-width: calc(100% - 125px);
  padding: 30px 15px;
}

.max-sm-size .wp.index .main .banner .container-fluid .banner-content .row .right .info h3 {
  font-size: 24px;
}

.max-sm-size .wp.index .main .banner .container-fluid .banner-content .row .right .info p {
  font-size: 16px;
}

.max-sm-size .wp.index .main .banner .container-fluid .banner-content .row .right .info:before {
  width: 110%;
}

.max-sm-size .wp.index .main .banner .container-fluid .banner-content .row .right .pic {
  width: 125px;
  -ms-flex-preferred-size: 125px;
  flex-basis: 125px;
  max-width: 125px;
}

.max-xs-size .wp.index .main .banner {
  height: auto;
}

.max-xs-size .wp.index .main .banner .container-fluid {
  padding: 0;
}

.max-xs-size .wp.index .main .banner .container-fluid .pic {
  position: relative;
  height: 250px;
}

.max-xs-size .wp.index .main .banner .container-fluid .banner-content {
  position: relative;
  margin-top: -50px;
  top: 0;
  left: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.max-xs-size .wp.index .main .banner .container-fluid .banner-content .row .left h2, .max-xs-size .wp.index .main .banner .container-fluid .banner-content .row .left h2 span {
  font-size: 30px;
  text-align: center;
}

.max-xs-size .wp.index .main .banner .container-fluid .banner-content .row .right {
  width: 100%;
  padding: 0 20px;
}

.max-xs-size .wp.index .main .banner .container-fluid .banner-content .row .right .row .info {
  width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.max-xs-size .wp.index .main .banner .container-fluid .banner-content .row .right .row .info:before {
  width: 100%;
  height: calc(100% + 75px);
  left: 0;
}

.max-xs-size .wp.index .main .banner .container-fluid .banner-content .row .right .row .info h3, .max-xs-size .wp.index .main .banner .container-fluid .banner-content .row .right .row .info p {
  text-align: center;
}

.max-xs-size .wp.index .main .banner .container-fluid .banner-content .row .right .row .info h3 {
  font-size: 20px;
}

.max-xs-size .wp.index .main .banner .container-fluid .banner-content .row .right .row .pic {
  width: 150px;
  -ms-flex-preferred-size: 150px;
  flex-basis: 150px;
  max-width: 150px;
}

.max-xs-size .wp.index .main .banner .container-fluid .dec img {
  width: 80px;
}

.wp.index .main .content {
  position: relative;
}

.wp.index .main .content .index-news {
  position: relative;
  z-index: 999;
}

.wp.index .main .content .index-news h3 {
  margin-bottom: 35px;
}

.max-sm-size .wp.index .main .content .index-news h3 {
  margin-bottom: 15px;
  text-align: center;
}

.wp.index .main .content .index-news h3 span {
  color: #e50032;
}

.wp.index .main .content .index-news .slider {
  width: 1500px;
  max-width: 95%;
  margin: 0 auto;
}

.wp.index .main .content .index-news .slider .slick-arrow {
  width: 50px;
  height: 50px;
  border: solid 3px #e50032;
  border-radius: 50%;
  z-index: 99;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.wp.index .main .content .index-news .slider .slick-arrow:before {
  font-family: "icomoon";
  color: #e50032;
  font-size: 24px;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.wp.index .main .content .index-news .slider .slick-arrow.slick-prev {
  left: -55px;
}

.wp.index .main .content .index-news .slider .slick-arrow.slick-prev:before {
  content: "\e900";
}

.wp.index .main .content .index-news .slider .slick-arrow.slick-next {
  right: -55px;
}

.wp.index .main .content .index-news .slider .slick-arrow.slick-next:before {
  content: "\e901";
}

.wp.index .main .content .index-news .slider .slick-arrow:hover {
  background: #e50032;
}

.wp.index .main .content .index-news .slider .slick-arrow:hover:before {
  color: #FFF;
}

.wp.index .main .content .index-news .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.wp.index .main .content .index-news .slider .slick-track li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin: 10px;
}

.wp.index .main .content .index-news .slider .slick-track li a {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.wp.index .main .content .index-news .slider li {
  padding: 15px 10px;
  border: solid 1px #EBEBEB;
  height: 100%;
  -webkit-transition: box-shadow 0.5s ease-in-out;
  -moz-transition: box-shadow 0.5s ease-in-out;
  -ms-transition: box-shadow 0.5s ease-in-out;
  -o-transition: box-shadow 0.5s ease-in-out;
  -webkit-transition: -webkit-box-shadow 0.5s ease-in-out;
  transition: -webkit-box-shadow 0.5s ease-in-out;
  transition: box-shadow 0.5s ease-in-out;
  transition: box-shadow 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
}

.wp.index .main .content .index-news .slider li > a {
  position: relative;
  padding: 10px;
}

.wp.index .main .content .index-news .slider li > a span {
  display: block;
}

.wp.index .main .content .index-news .slider li > a .pic {
  width: 100%;
  height: 250px;
  max-width: 100%;
}

.wp.index .main .content .index-news .slider li > a .info {
  padding: 25px 15px;
}

.wp.index .main .content .index-news .slider li > a .info .date {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 1.5px;
}

.wp.index .main .content .index-news .slider li > a .info h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 1px;
  margin: 15px 0;
}

.wp.index .main .content .index-news .slider li > a .info .description {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
}

.wp.index .main .content .index-news .slider li:hover {
  -webkit-box-shadow: 2px 5px 10px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 5px 10px 5px rgba(0, 0, 0, 0.15);
}

.wp.index .main .content .index-news .btn {
  display: block;
  padding: 14px 15px;
  margin: 45px auto;
  width: 210px;
  border-radius: 25px;
  border: solid 1px #e50032;
  background: #e50032;
  color: #FFF;
  font-size: 16px;
  letter-spacing: 1px;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.wp.index .main .content .index-news .btn:hover {
  background: transparent;
  color: #e50032;
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}

.max-sm-size .wp.index .main .content .index-news .btn {
  padding: 12px 15px;
  margin: 35px auto;
  width: 180px;
}

.max-xs-size .wp.index .main .content .index-news .btn {
  margin: 15px auto 35px auto;
}

.max-hd-size .wp.index .main .content .index-news .slider {
  max-width: calc(100% - 100px);
}

.max-bg-size .wp.index .main .content .index-news .slider li > a .pic {
  height: 200px;
}

.max-lg-size .wp.index .main .content .index-news .slider li > a .pic {
  height: 155px;
}

.max-md-size .wp.index .main .content .index-news .slider li > a .pic {
  height: 175px;
}

.max-sm-size .wp.index .main .content .index-news .slider li > a .pic {
  height: 240px;
}

.max-xs-size .wp.index .main .content .index-news .slider {
  max-width: 100%;
}

.max-xs-size .wp.index .main .content .index-news .slider .slick-arrow {
  width: 40px;
  height: 40px;
  top: calc(100% + 40px);
}

.max-xs-size .wp.index .main .content .index-news .slider .slick-arrow.slick-prev {
  left: -10px;
}

.max-xs-size .wp.index .main .content .index-news .slider .slick-arrow.slick-next {
  right: -10px;
}

.max-xs-size .wp.index .main .content .index-news .slider li {
  padding: 15px 0;
}

.max-xs-size .wp.index .main .content .index-news .slider li > a .pic {
  height: 150px;
}

.max-xs-size .wp.index .main .content .index-news .slider li > a .info {
  padding: 20px 0;
}

.wp.index .main .content .index-products .slider {
  margin-bottom: 0;
}

.wp.index .main .content .index-products .slider .slick-arrow {
  width: 50px;
  height: 100%;
  z-index: 99;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.wp.index .main .content .index-products .slider .slick-arrow:before {
  font-family: "icomoon";
  color: #FFF;
  font-size: 36px;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.wp.index .main .content .index-products .slider .slick-arrow.slick-prev {
  left: 0;
}

.wp.index .main .content .index-products .slider .slick-arrow.slick-prev:before {
  content: "\e900";
}

.wp.index .main .content .index-products .slider .slick-arrow.slick-next {
  right: 0;
}

.wp.index .main .content .index-products .slider .slick-arrow.slick-next:before {
  content: "\e901";
}

.wp.index .main .content .index-products .slider .slick-arrow:hover {
  background: rgba(255, 255, 255, 0.3);
}

.wp.index .main .content .index-products .slider .slick-arrow.slick-disabled:hover {
  background: transparent;
}

.wp.index .main .content .index-products .slider li > a {
  position: relative;
  display: block;
  height: 700px;
}

.wp.index .main .content .index-products .slider li > a span {
  display: block;
  color: #FFF;
}

.wp.index .main .content .index-products .slider li > a .pic {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}

.wp.index .main .content .index-products .slider li > a .pic .jqimgFill {
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  -webkit-transition: background-position 1s ease-in-out;
  -moz-transition: background-position 1s ease-in-out;
  -ms-transition: background-position 1s ease-in-out;
  -o-transition: background-position 1s ease-in-out;
  transition: background-position 1s ease-in-out;
}

.wp.index .main .content .index-products .slider li > a .pic .jqimgFill:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.15);
  -webkit-transition: background-position 0.5s ease-in-out;
  -moz-transition: background-position 0.5s ease-in-out;
  -ms-transition: background-position 0.5s ease-in-out;
  -o-transition: background-position 0.5s ease-in-out;
  transition: background-position 0.5s ease-in-out;
}

.wp.index .main .content .index-products .slider li > a .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out 0.5s;
  -moz-transition: opacity 0.5s ease-in-out 0.5s;
  -ms-transition: opacity 0.5s ease-in-out 0.5s;
  -o-transition: opacity 0.5s ease-in-out 0.5s;
  transition: opacity 0.5s ease-in-out 0.5s;
}

.wp.index .main .content .index-products .slider li > a .info {
  position: absolute;
  top: 50%;
  left: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 65px 4rem 0 4rem;
  z-index: 1;
}

.wp.index .main .content .index-products .slider li > a .info .icon {
  display: block;
  margin: 0 auto;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  -webkit-transition: background 0.5s ease-in-out 0.5s, border-color 0.5s ease-in-out 0.5s, transform 0.5s ease-in-out 0.5s;
  -moz-transition: background 0.5s ease-in-out 0.5s, border-color 0.5s ease-in-out 0.5s, transform 0.5s ease-in-out 0.5s;
  -ms-transition: background 0.5s ease-in-out 0.5s, border-color 0.5s ease-in-out 0.5s, transform 0.5s ease-in-out 0.5s;
  -o-transition: background 0.5s ease-in-out 0.5s, border-color 0.5s ease-in-out 0.5s, transform 0.5s ease-in-out 0.5s;
  -webkit-transition: background 0.5s ease-in-out 0.5s, border-color 0.5s ease-in-out 0.5s, -webkit-transform 0.5s ease-in-out 0.5s;
  transition: background 0.5s ease-in-out 0.5s, border-color 0.5s ease-in-out 0.5s, -webkit-transform 0.5s ease-in-out 0.5s;
  transition: background 0.5s ease-in-out 0.5s, border-color 0.5s ease-in-out 0.5s, transform 0.5s ease-in-out 0.5s;
  transition: background 0.5s ease-in-out 0.5s, border-color 0.5s ease-in-out 0.5s, transform 0.5s ease-in-out 0.5s, -webkit-transform 0.5s ease-in-out 0.5s;
}

.wp.index .main .content .index-products .slider li > a .info .icon .group {
  position: relative;
  display: block;
}

.wp.index .main .content .index-products .slider li > a .info .icon .group img {
  margin: 0 auto;
}

.wp.index .main .content .index-products .slider li > a .info .icon .group h4 {
  font-size: 20px;
  text-align: center;
  color: #FFF;
  padding-top: 5px;
  padding-bottom: 15px;
}

.wp.index .main .content .index-products .slider li > a .info .text {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
  -ms-transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
  -o-transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.wp.index .main .content .index-products .slider li > a .info .text .description {
  margin-top: 45px;
  height: 165px;
  line-height: 30px;
}

.wp.index .main .content .index-products .slider li > a .info .text .btn {
  padding: 14px 15px;
  margin: 45px auto;
  width: 210px;
  max-width: 100%;
  border-radius: 25px;
  border: solid 1px #e50032;
  background: #e50032;
  color: #FFF;
  font-size: 16px;
  letter-spacing: 1px;
}

.wp.index .main .content .index-products .slider li:nth-child(1) > a .pic .jqimgFill {
  background-position: 50% 100% !important;
}

.wp.index .main .content .index-products .slider li:nth-child(1) > a .mask {
  background: -moz-linear-gradient(top, #e2002d 0%, #e2002d 35%, rgba(226, 0, 45, 0) 59%, rgba(226, 0, 45, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #e2002d 0%, #e2002d 35%, rgba(226, 0, 45, 0) 59%, rgba(226, 0, 45, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#e2002d), color-stop(35%, #e2002d), color-stop(59%, rgba(226, 0, 45, 0)), color-stop(60%, rgba(226, 0, 45, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, #e2002d 0%, #e2002d 35%, rgba(226, 0, 45, 0) 59%, rgba(226, 0, 45, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #e2002d 0%, #e2002d 35%, rgba(226, 0, 45, 0) 59%, rgba(226, 0, 45, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2002d', endColorstr='#00ffffff',GradientType=0 );
}

.wp.index .main .content .index-products .slider li:nth-child(1) > a .info .icon {
  border: solid 3px #E2002D;
  background: #E2002D;
}

.wp.index .main .content .index-products .slider li:nth-child(1) > a .info .btn {
  background: #E2002D;
  border-color: #E2002D;
}

.wp.index .main .content .index-products .slider li:nth-child(2) > a .pic .jqimgFill {
  background-position: 50% 100% !important;
}

.wp.index .main .content .index-products .slider li:nth-child(2) > a .mask {
  background: -moz-linear-gradient(top, #abcd03 0%, #abcd03 35%, rgba(171, 205, 3, 0) 59%, rgba(171, 205, 3, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #abcd03 0%, #abcd03 35%, rgba(171, 205, 3, 0) 59%, rgba(171, 205, 3, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#abcd03), color-stop(35%, #abcd03), color-stop(59%, rgba(171, 205, 3, 0)), color-stop(60%, rgba(171, 205, 3, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, #abcd03 0%, #abcd03 35%, rgba(171, 205, 3, 0) 59%, rgba(171, 205, 3, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #abcd03 0%, #abcd03 35%, rgba(171, 205, 3, 0) 59%, rgba(171, 205, 3, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abcd03', endColorstr='#00ffffff',GradientType=0 );
}

.wp.index .main .content .index-products .slider li:nth-child(2) > a .info .icon {
  border: solid 3px #abcd03;
  background: #abcd03;
}

.wp.index .main .content .index-products .slider li:nth-child(2) > a .info .btn {
  background: #abcd03;
  border-color: #abcd03;
}

.wp.index .main .content .index-products .slider li:nth-child(3) > a .pic .jqimgFill {
  background-position: 50% 100% !important;
}

.wp.index .main .content .index-products .slider li:nth-child(3) > a .mask {
  background: -moz-linear-gradient(top, #e32d57 0%, #e32d57 35%, rgba(227, 45, 87, 0) 59%, rgba(227, 45, 87, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #e32d57 0%, #e32d57 35%, rgba(227, 45, 87, 0) 59%, rgba(227, 45, 87, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#e32d57), color-stop(35%, #e32d57), color-stop(59%, rgba(227, 45, 87, 0)), color-stop(60%, rgba(227, 45, 87, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, #e32d57 0%, #e32d57 35%, rgba(227, 45, 87, 0) 59%, rgba(227, 45, 87, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #e32d57 0%, #e32d57 35%, rgba(227, 45, 87, 0) 59%, rgba(227, 45, 87, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e32d57', endColorstr='#00ffffff',GradientType=0 );
}

.wp.index .main .content .index-products .slider li:nth-child(3) > a .info .icon {
  border: solid 3px #E32D57;
  background: #E32D57;
}

.wp.index .main .content .index-products .slider li:nth-child(3) > a .info .btn {
  background: #E32D57;
  border-color: #E32D57;
}

.wp.index .main .content .index-products .slider li:nth-child(4) > a .pic .jqimgFill {
  background-position: 50% 100% !important;
}

.wp.index .main .content .index-products .slider li:nth-child(4) > a .mask {
  background: -moz-linear-gradient(top, #e58714 0%, #e58714 35%, rgba(229, 135, 20, 0) 59%, rgba(229, 135, 20, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #e58714 0%, #e58714 35%, rgba(229, 135, 20, 0) 59%, rgba(229, 135, 20, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#e58714), color-stop(35%, #e58714), color-stop(59%, rgba(229, 135, 20, 0)), color-stop(60%, rgba(229, 135, 20, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, #e58714 0%, #e58714 35%, rgba(229, 135, 20, 0) 59%, rgba(229, 135, 20, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #e58714 0%, #e58714 35%, rgba(229, 135, 20, 0) 59%, rgba(229, 135, 20, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e58714', endColorstr='#00ffffff',GradientType=0 );
}

.wp.index .main .content .index-products .slider li:nth-child(4) > a .info .icon {
  border: solid 3px #E58714;
  background: #E58714;
}

.wp.index .main .content .index-products .slider li:nth-child(4) > a .info .btn {
  background: #E58714;
  border-color: #E58714;
}

.wp.index .main .content .index-products .slider li:nth-child(5) > a .pic .jqimgFill {
  background-position: 55% 100% !important;
}

.wp.index .main .content .index-products .slider li:nth-child(5) > a .mask {
  background: -moz-linear-gradient(top, #318ac4 0%, #318ac4 35%, rgba(49, 138, 196, 0) 59%, rgba(49, 138, 196, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #318ac4 0%, #318ac4 35%, rgba(49, 138, 196, 0) 59%, rgba(49, 138, 196, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#318ac4), color-stop(35%, #318ac4), color-stop(59%, rgba(49, 138, 196, 0)), color-stop(60%, rgba(49, 138, 196, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, #318ac4 0%, #318ac4 35%, rgba(49, 138, 196, 0) 59%, rgba(49, 138, 196, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #318ac4 0%, #318ac4 35%, rgba(49, 138, 196, 0) 59%, rgba(49, 138, 196, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318ac4', endColorstr='#00ffffff',GradientType=0 );
}

.wp.index .main .content .index-products .slider li:nth-child(5) > a .info .icon {
  border: solid 3px #318AC4;
  background: #318AC4;
}

.wp.index .main .content .index-products .slider li:nth-child(5) > a .info .btn {
  background: #318AC4;
  border-color: #318AC4;
}

.wp.index .main .content .index-products .slider li:hover > a .pic {
  height: 70%;
  -webkit-transition: height 0.75s ease-in-out 0.5s;
  -moz-transition: height 0.75s ease-in-out 0.5s;
  -ms-transition: height 0.75s ease-in-out 0.5s;
  -o-transition: height 0.75s ease-in-out 0.5s;
  transition: height 0.75s ease-in-out 0.5s;
}

.wp.index .main .content .index-products .slider li:hover > a .pic .jqimgFill {
  background-position: 35% 100% !important;
  -webkit-transition: background-position 0.75s ease-in-out 0.5s;
  -moz-transition: background-position 0.75s ease-in-out 0.5s;
  -ms-transition: background-position 0.75s ease-in-out 0.5s;
  -o-transition: background-position 0.75s ease-in-out 0.5s;
  transition: background-position 0.75s ease-in-out 0.5s;
}

.wp.index .main .content .index-products .slider li:hover > a .pic .jqimgFill:before {
  background: transparent;
}

.wp.index .main .content .index-products .slider li:hover > a .mask {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.wp.index .main .content .index-products .slider li:hover > a .info .icon {
  border-color: #FFF;
  background: transparent;
  -webkit-transform: rotate(360deg) translateY(0);
  -moz-transform: rotate(360deg) translateY(0);
  -ms-transform: rotate(360deg) translateY(0);
  -o-transform: rotate(360deg) translateY(0);
  transform: rotate(360deg) translateY(0);
  -webkit-transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, transform 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, transform 0.5s ease-in-out;
  -ms-transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, transform 0.5s ease-in-out;
  -o-transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, transform 0.5s ease-in-out;
  -webkit-transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, transform 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.wp.index .main .content .index-products .slider li:hover > a .info .text {
  opacity: 1;
  max-height: 500px;
  overflow: visible;
  -webkit-transition: max-height 0.75s ease-in-out 0.5s, opacity 0.75s ease-in-out 0.5s;
  -moz-transition: max-height 0.75s ease-in-out 0.5s, opacity 0.75s ease-in-out 0.5s;
  -ms-transition: max-height 0.75s ease-in-out 0.5s, opacity 0.75s ease-in-out 0.5s;
  -o-transition: max-height 0.75s ease-in-out 0.5s, opacity 0.75s ease-in-out 0.5s;
  transition: max-height 0.75s ease-in-out 0.5s, opacity 0.75s ease-in-out 0.5s;
}

.max-md-size .wp.index .main .content .index-products .slider li > a {
  height: 600px;
}

.max-md-size .wp.index .main .content .index-products .slider li > a .info {
  padding: 0 1.75rem;
}

.max-md-size .wp.index .main .content .index-products .slider li > a .info .icon img {
  max-width: 100%;
  padding: 0 0.625rem;
}

.max-sm-size .wp.index .main .content .index-products .slider .slick-arrow.slick-prev {
  text-align: left;
}

.max-sm-size .wp.index .main .content .index-products .slider .slick-arrow.slick-next {
  text-align: right;
}

.max-sm-size .wp.index .main .content .index-products .slider li > a {
  height: 550px;
}

.max-sm-size .wp.index .main .content .index-products .slider li > a .pic {
  height: 75%;
}

.max-sm-size .wp.index .main .content .index-products .slider li > a .pic .jqimgFill {
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  background-position: 35% 100% !important;
  -webkit-transition: background-position 0.75s ease-in-out 0.5s;
  -moz-transition: background-position 0.75s ease-in-out 0.5s;
  -ms-transition: background-position 0.75s ease-in-out 0.5s;
  -o-transition: background-position 0.75s ease-in-out 0.5s;
  transition: background-position 0.75s ease-in-out 0.5s;
}

.max-sm-size .wp.index .main .content .index-products .slider li > a .pic .jqimgFill:before {
  background: transparent;
}

.max-sm-size .wp.index .main .content .index-products .slider li > a .mask {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.max-sm-size .wp.index .main .content .index-products .slider li > a .info {
  padding: 0 50px;
}

.max-sm-size .wp.index .main .content .index-products .slider li > a .info .icon {
  border-color: #FFF;
  background: transparent;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, transform 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, transform 0.5s ease-in-out;
  -ms-transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, transform 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, transform 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, transform 0.5s ease-in-out;
  transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.max-sm-size .wp.index .main .content .index-products .slider li > a .info .icon img {
  width: 100%;
  max-width: 150px;
}

.max-sm-size .wp.index .main .content .index-products .slider li > a .info .text {
  max-height: 200px;
  height: auto;
  opacity: 1;
  overflow: visible;
  -webkit-transition: max-height 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out 0.5s;
  -moz-transition: max-height 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out 0.5s;
  -ms-transition: max-height 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out 0.5s;
  -o-transition: max-height 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out 0.5s;
  transition: max-height 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out 0.5s;
}

.max-sm-size .wp.index .main .content .index-products .slider li > a .info .text .description {
  font-size: 16px;
  line-height: 24px;
}

.max-sm-size .wp.index .main .content .index-products .slider li > a .info .text .btn {
  margin: 10px auto 0 auto;
  max-width: 100%;
  padding: 12px 15px;
  width: 180px;
}

.max-sm-size .wp.index .main .content .index-products .slider li:hover > a .pic {
  height: 75%;
}

.max-xs-size .wp.index .main .content .index-products .slider li > a .info .icon {
  width: 150px;
  height: 150px;
}

.max-xs-size .wp.index .main .content .index-products .slider li > a .info .icon .group img {
  width: 100px;
}

.max-xs-size .wp.index .main .content .index-products .slider li > a .info .icon .group h4 {
  font-size: 15px;
}

.max-xs-size .wp.index .main .content .index-products .slider li > a .info .text .description {
  height: 145px;
}

.wp.index .main .content .index-video-area {
  position: relative;
}

.wp.index .main .content .index-video-area .dec {
  position: absolute;
  top: 100%;
  top: -25px;
  right: 0;
}

.max-md-size .wp.index .main .content .index-video-area .dec {
  display: none;
}

.wp.index .main .content .index-video {
  padding-top: 50px;
  padding-bottom: 90px;
}

.max-sm-size .wp.index .main .content .index-video {
  padding-top: 30px;
}

.wp.index .main .content .index-video .title {
  position: relative;
  float: left;
  padding: 50px 10%;
  left: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #FFF;
  border-radius: 10px;
  margin-bottom: -30px;
  z-index: 2;
}

.wp.index .main .content .index-video .title h3 {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #e50032;
  margin-bottom: 15px;
}

.wp.index .main .content .index-video .title > p {
  text-align: center;
  color: #555;
  font-size: 20px;
  line-height: 28px;
}

.wp.index .main .content .index-video .item {
  position: relative;
  width: 100%;
  height: 551px;
}

.wp.index .main .content .index-video .item a {
  display: block;
  width: 100%;
  height: 100%;
}

.wp.index .main .content .index-video .item a .pic {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.wp.index .main .content .index-video .item a .pic:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.wp.index .main .content .index-video .item a .pic .jqimgFill {
  display: block;
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -ms-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.wp.index .main .content .index-video .item a .info {
  z-index: 2;
}

.wp.index .main .content .index-video .item a .info h4, .wp.index .main .content .index-video .item a .info p, .wp.index .main .content .index-video .item a .info .icon {
  color: #FFF;
}

.wp.index .main .content .index-video .item a .info h4 {
  text-transform: uppercase;
  font-family: 'Libre Franklin';
  font-weight: 500;
  font-size: 44px;
}

.wp.index .main .content .index-video .item a .info p {
  padding-top: 15px;
  padding-bottom: 40px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 1px;
  white-space: nowrap;
}

.wp.index .main .content .index-video .item a .info .icon {
  position: relative;
  display: block;
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -ms-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.wp.index .main .content .index-video .item:hover a .pic .jqimgFill {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.wp.index .main .content .index-video .item:hover a .info .icon {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.max-lg-size .wp.index .main .content .index-video .title {
  padding: 40px 5%;
}

.max-lg-size .wp.index .main .content .index-video .item {
  height: 500px;
}

.max-md-size .wp.index .main .content .index-video .title {
  width: 85%;
}

.max-md-size .wp.index .main .content .index-video .title h3 {
  font-size: 30px;
}

.max-md-size .wp.index .main .content .index-video .title p {
  font-size: 16px;
  line-height: 24px;
}

.max-md-size .wp.index .main .content .index-video .item {
  height: 400px;
}

.max-md-size .wp.index .main .content .index-video .item .info h4 {
  font-size: 36px;
}

.max-md-size .wp.index .main .content .index-video .item .info p {
  padding: 15px 0 20px 0;
}

.max-md-size .wp.index .main .content .index-video .item .info .icon img {
  width: 80px;
}

.max-sm-size .wp.index .main .content .index-video {
  padding-bottom: 0;
}

.max-sm-size .wp.index .main .content .index-video .title {
  width: 100%;
  margin-bottom: 0;
  padding: 0 40px 20px 40px;
}

.max-sm-size .wp.index .main .content .index-video .title h3 {
  font-size: 24px;
}

.max-sm-size .wp.index .main .content .index-video .item {
  height: 350px;
}

.max-sm-size .wp.index .main .content .index-video .item .info h4 {
  font-size: 24px;
}

.max-sm-size .wp.index .main .content .index-video .item .info p {
  padding: 10px 0 20px 0;
  font-size: 16px;
}

.max-xs-size .wp.index .main .content .index-video .title {
  padding: 0 15px 20px 15px;
}

.max-xs-size .wp.index .main .content .index-video .title h3 {
  font-size: 20px;
}

.max-xs-size .wp.index .main .content .index-video .item {
  height: 250px;
}

.max-xs-size .wp.index .main .content .index-video .item .info h4 {
  font-size: 20px;
}

.max-xs-size .wp.index .main .content .index-video .item .info .icon img {
  width: 50px;
}

/* ==========================================================================
	產品資訊 product
 ========================================================================== */
[data-id="product"].category .info {
  width: 210px;
  height: 210px;
  z-index: 2;
}

[data-id="product"].category .info .icon {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #e50032;
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  animation-name: rotateIn;
}

[data-id="product"].category .info .icon .icon-group {
  position: relative;
}

[data-id="product"].category .info .icon .icon-group .pic img {
  display: block;
  margin: 0 auto;
}

[data-id="product"].category .info .icon .icon-group .title h3 {
  color: #FFF;
  text-align: center;
}

[data-id="product"].category .info .icon .icon-group .title h3:first-of-type {
  font-size: 16px;
  padding-bottom: 6px;
  font-family: 'Century Gothic';
}

[data-id="product"].category .info .icon .icon-group .title h3:last-of-type {
  font-size: 20px;
  padding-top: 3px;
  padding-bottom: 15px;
  font-family: Arial, Verdana, "Microsoft JhengHei", "微軟正黑體", "Heiti TC", "DFKai-sb";
}

.max-xs-size [data-id="product"].category .info .icon {
  -webkit-animation-name: fade-in;
  -moz-animation-name: fade-in;
  animation-name: fade-in;
}

[data-id="product"].category .main .banner {
  margin-bottom: 0;
}

[data-id="product"].category .main .content .container ul li a,
[data-id="product"].category .main .content .container-fluid ul li a {
  display: block;
  height: 600px;
}

[data-id="product"].category .main .content .container ul li a span,
[data-id="product"].category .main .content .container-fluid ul li a span {
  display: block;
}

[data-id="product"].category .main .content .container ul li a .group,
[data-id="product"].category .main .content .container-fluid ul li a .group {
  position: relative;
  height: 100%;
}

[data-id="product"].category .main .content .container ul li a .group > .pic,
[data-id="product"].category .main .content .container-fluid ul li a .group > .pic {
  width: 100%;
  height: 100%;
}

[data-id="product"].category .main .content .container ul li a .group > .pic .mask,
[data-id="product"].category .main .content .container-fluid ul li a .group > .pic .mask {
  position: absolute;
  opacity: 0;
  top: -1px;
  width: 40%;
  height: 100%;
  z-index: 5;
  -webkit-transition: opacity 1s ease-in-out 0.25s;
  -moz-transition: opacity 1s ease-in-out 0.25s;
  -ms-transition: opacity 1s ease-in-out 0.25s;
  -o-transition: opacity 1s ease-in-out 0.25s;
  transition: opacity 1s ease-in-out 0.25s;
}

[data-id="product"].category .main .content .container ul li a .left,
[data-id="product"].category .main .content .container-fluid ul li a .left {
  width: 35%;
}

[data-id="product"].category .main .content .container ul li a .left .pic,
[data-id="product"].category .main .content .container-fluid ul li a .left .pic {
  position: relative;
}

[data-id="product"].category .main .content .container ul li a .left .pic img,
[data-id="product"].category .main .content .container-fluid ul li a .left .pic img {
  padding: 30px;
}

[data-id="product"].category .main .content .container ul li a .right,
[data-id="product"].category .main .content .container-fluid ul li a .right {
  width: 65%;
}

[data-id="product"].category .main .content .container ul li a .right .info,
[data-id="product"].category .main .content .container-fluid ul li a .right .info {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 210px;
  height: 210px;
  z-index: 2;
}

[data-id="product"].category .main .content .container ul li a .right .description,
[data-id="product"].category .main .content .container-fluid ul li a .right .description {
  position: absolute;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  max-width: 95%;
  background: #e50032;
  border-radius: 50px;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: opacity 0.75s ease-in-out 0.25s, width 1s ease-in-out, max-width 1s ease-in-out;
  -moz-transition: opacity 0.75s ease-in-out 0.25s, width 1s ease-in-out, max-width 1s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out 0.25s, width 1s ease-in-out, max-width 1s ease-in-out;
  -o-transition: opacity 0.75s ease-in-out 0.25s, width 1s ease-in-out, max-width 1s ease-in-out;
  transition: opacity 0.75s ease-in-out 0.25s, width 1s ease-in-out, max-width 1s ease-in-out;
}

[data-id="product"].category .main .content .container ul li a .right .description:before,
[data-id="product"].category .main .content .container-fluid ul li a .right .description:before {
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "icomoon";
  font-size: 24px;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 47px;
  border: solid 3px #FFF;
  border-radius: 50%;
  color: #e50032;
  background: #FFF;
}

[data-id="product"].category .main .content .container ul li a .right .description > span,
[data-id="product"].category .main .content .container-fluid ul li a .right .description > span {
  color: #FFF;
  font-size: 16px;
  line-height: 32px;
  white-space: nowrap;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(1) a .right .info .icon,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(1) a .right .info .icon {
  background: #E2002D;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(1) a .right .pic .mask,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(1) a .right .pic .mask {
  background: -moz-linear-gradient(left, #e2002d 0%, rgba(226, 0, 45, 0.5) 35%, rgba(226, 0, 45, 0) 59%, rgba(226, 0, 45, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, #e2002d 0%, rgba(226, 0, 45, 0.5) 35%, rgba(226, 0, 45, 0) 59%, rgba(226, 0, 45, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, from(#e2002d), color-stop(35%, rgba(226, 0, 45, 0.5)), color-stop(59%, rgba(226, 0, 45, 0)), color-stop(60%, rgba(226, 0, 45, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, #e2002d 0%, rgba(226, 0, 45, 0.5) 35%, rgba(226, 0, 45, 0) 59%, rgba(226, 0, 45, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, #e2002d 0%, rgba(226, 0, 45, 0.5) 35%, rgba(226, 0, 45, 0) 59%, rgba(226, 0, 45, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2002d', endColorstr='#00ffffff',GradientType=0 );
}

[data-id="product"].category .main .content .container ul li:nth-of-type(1) a .right .description,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(1) a .right .description {
  background: #E2002D;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(1) a .right .description:before,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(1) a .right .description:before {
  color: #E2002D;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(2) a .right .info .icon,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(2) a .right .info .icon {
  background: #abcd03;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(2) a .right .pic .mask,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(2) a .right .pic .mask {
  background: -moz-linear-gradient(right, #abcd03 0%, rgba(171, 205, 3, 0.5) 35%, rgba(171, 205, 3, 0) 59%, rgba(171, 205, 3, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(right, #abcd03 0%, rgba(171, 205, 3, 0.5) 35%, rgba(171, 205, 3, 0) 59%, rgba(171, 205, 3, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, right top, left top, from(#abcd03), color-stop(35%, rgba(171, 205, 3, 0.5)), color-stop(59%, rgba(171, 205, 3, 0)), color-stop(60%, rgba(171, 205, 3, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(right, #abcd03 0%, rgba(171, 205, 3, 0.5) 35%, rgba(171, 205, 3, 0) 59%, rgba(171, 205, 3, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to left, #abcd03 0%, rgba(171, 205, 3, 0.5) 35%, rgba(171, 205, 3, 0) 59%, rgba(171, 205, 3, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abcd03', endColorstr='#00ffffff',GradientType=0 );
}

[data-id="product"].category .main .content .container ul li:nth-of-type(2) a .right .description,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(2) a .right .description {
  background: #abcd03;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(2) a .right .description:before,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(2) a .right .description:before {
  color: #abcd03;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(3) a .right .info .icon,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(3) a .right .info .icon {
  background: #E32D57;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(3) a .right .pic .mask,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(3) a .right .pic .mask {
  background: -moz-linear-gradient(left, #e32d57 0%, rgba(227, 45, 87, 0.5) 35%, rgba(227, 45, 87, 0) 59%, rgba(227, 45, 87, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, #e32d57 0%, rgba(227, 45, 87, 0.5) 35%, rgba(227, 45, 87, 0) 59%, rgba(227, 45, 87, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, from(#e32d57), color-stop(35%, rgba(227, 45, 87, 0.5)), color-stop(59%, rgba(227, 45, 87, 0)), color-stop(60%, rgba(227, 45, 87, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, #e32d57 0%, rgba(227, 45, 87, 0.5) 35%, rgba(227, 45, 87, 0) 59%, rgba(227, 45, 87, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, #e32d57 0%, rgba(227, 45, 87, 0.5) 35%, rgba(227, 45, 87, 0) 59%, rgba(227, 45, 87, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e32d57', endColorstr='#00ffffff',GradientType=0 );
}

[data-id="product"].category .main .content .container ul li:nth-of-type(3) a .right .description,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(3) a .right .description {
  background: #E32D57;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(3) a .right .description:before,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(3) a .right .description:before {
  color: #E32D57;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(4) a .right .info .icon,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(4) a .right .info .icon {
  background: #E58714;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(4) a .right .pic .mask,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(4) a .right .pic .mask {
  background: -moz-linear-gradient(right, #e58714 0%, rgba(229, 135, 20, 0.5) 35%, rgba(229, 135, 20, 0) 59%, rgba(229, 135, 20, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(right, #e58714 0%, rgba(229, 135, 20, 0.5) 35%, rgba(229, 135, 20, 0) 59%, rgba(229, 135, 20, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, right top, left top, from(#e58714), color-stop(35%, rgba(229, 135, 20, 0.5)), color-stop(59%, rgba(229, 135, 20, 0)), color-stop(60%, rgba(229, 135, 20, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(right, #e58714 0%, rgba(229, 135, 20, 0.5) 35%, rgba(229, 135, 20, 0) 59%, rgba(229, 135, 20, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to left, #e58714 0%, rgba(229, 135, 20, 0.5) 35%, rgba(229, 135, 20, 0) 59%, rgba(229, 135, 20, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e58714', endColorstr='#00ffffff',GradientType=0 );
}

[data-id="product"].category .main .content .container ul li:nth-of-type(4) a .right .description,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(4) a .right .description {
  background: #E58714;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(4) a .right .description:before,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(4) a .right .description:before {
  color: #E58714;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(5) a .right .info .icon,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(5) a .right .info .icon {
  background: #318AC4;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(5) a .right .pic .mask,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(5) a .right .pic .mask {
  background: -moz-linear-gradient(left, #318ac4 0%, rgba(49, 138, 196, 0.5) 35%, rgba(49, 138, 196, 0) 59%, rgba(49, 138, 196, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, #318ac4 0%, rgba(49, 138, 196, 0.5) 35%, rgba(49, 138, 196, 0) 59%, rgba(49, 138, 196, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, from(#318ac4), color-stop(35%, rgba(49, 138, 196, 0.5)), color-stop(59%, rgba(49, 138, 196, 0)), color-stop(60%, rgba(49, 138, 196, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, #318ac4 0%, rgba(49, 138, 196, 0.5) 35%, rgba(49, 138, 196, 0) 59%, rgba(49, 138, 196, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, #318ac4 0%, rgba(49, 138, 196, 0.5) 35%, rgba(49, 138, 196, 0) 59%, rgba(49, 138, 196, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318ac4', endColorstr='#00ffffff',GradientType=0 );
}

[data-id="product"].category .main .content .container ul li:nth-of-type(5) a .right .description,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(5) a .right .description {
  background: #318AC4;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(5) a .right .description:before,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(5) a .right .description:before {
  color: #318AC4;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(odd) a .left,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(odd) a .left {
  float: left;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(odd) a .right,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(odd) a .right {
  float: right;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(odd) a .right .info,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(odd) a .right .info {
  left: -105px;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(odd) a .right .pic .mask,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(odd) a .right .pic .mask {
  left: 0;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(odd) a .right .description,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(odd) a .right .description {
  left: 0;
  padding: 19px 100px 19px 123px;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(odd) a .right .description:before,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(odd) a .right .description:before {
  content: "\e901";
  right: 25px;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(even) a .left,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(even) a .left {
  float: right;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(even) a .right,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(even) a .right {
  float: left;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(even) a .right .info,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(even) a .right .info {
  right: -105px;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(even) a .right .pic .mask,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(even) a .right .pic .mask {
  right: 0;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(even) a .right .description,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(even) a .right .description {
  right: 0;
  padding: 19px 123px 19px 100px;
}

[data-id="product"].category .main .content .container ul li:nth-of-type(even) a .right .description:before,
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(even) a .right .description:before {
  content: "\e900";
  left: 25px;
}

[data-id="product"].category .main .content .container ul li:hover a .right > .pic .mask,
[data-id="product"].category .main .content .container-fluid ul li:hover a .right > .pic .mask {
  opacity: 1;
}

[data-id="product"].category .main .content .container ul li:hover a .right .description,
[data-id="product"].category .main .content .container-fluid ul li:hover a .right .description {
  opacity: 1;
  width: 635px;
}

.max-lg-size [data-id="product"].category .main .content .container ul li a, .max-lg-size
[data-id="product"].category .main .content .container-fluid ul li a {
  height: 450px;
}

.max-lg-size [data-id="product"].category .main .content .container ul li a .left .pic img, .max-lg-size
[data-id="product"].category .main .content .container-fluid ul li a .left .pic img {
  padding: 50px;
}

.max-md-size [data-id="product"].category .main .content .container ul li a, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a {
  height: auto;
}

.max-md-size [data-id="product"].category .main .content .container ul li a .group, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a .group {
  float: none;
  width: 100%;
}

.max-md-size [data-id="product"].category .main .content .container ul li a .left, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a .left {
  height: auto;
  padding: 15px 15px 100px 15px;
}

.max-md-size [data-id="product"].category .main .content .container ul li a .left .pic img, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a .left .pic img {
  position: relative;
  display: block;
  padding: 15px;
  margin: 0 auto;
  max-height: 300px;
}

.max-md-size [data-id="product"].category .main .content .container ul li a .right, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a .right {
  height: auto;
}

.max-md-size [data-id="product"].category .main .content .container ul li a .right > .pic, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a .right > .pic {
  position: relative;
  height: 450px;
  -webkit-animation: fade-in 1s ease-in-out;
  animation: fade-in 1s ease-in-out;
}

.max-md-size [data-id="product"].category .main .content .container ul li a .right > .pic .mask, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a .right > .pic .mask {
  width: 100%;
  height: 300px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.max-md-size [data-id="product"].category .main .content .container ul li a .right .info, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a .right .info {
  top: 0;
  position: relative;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.max-md-size [data-id="product"].category .main .content .container ul li a .right .info .icon, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a .right .info .icon {
  border-radius: 0;
  -webkit-animation-name: fade-in-top;
  animation-name: fade-in-top;
}

.max-md-size [data-id="product"].category .main .content .container ul li a .right .info .icon .icon-group, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a .right .info .icon .icon-group {
  padding-top: 15px;
  top: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.max-md-size [data-id="product"].category .main .content .container ul li a .right .info .icon .icon-group .pic img, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a .right .info .icon .icon-group .pic img {
  width: 80px;
}

.max-md-size [data-id="product"].category .main .content .container ul li a .right .info .icon .icon-group .title h3:first-of-type, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a .right .info .icon .icon-group .title h3:first-of-type {
  font-size: 13px;
  line-height: 16px;
}

.max-md-size [data-id="product"].category .main .content .container ul li a .right .info .icon .icon-group .title h3:last-of-type, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a .right .info .icon .icon-group .title h3:last-of-type {
  font-size: 15px;
  line-height: 20px;
}

.max-md-size [data-id="product"].category .main .content .container ul li a .right .description, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a .right .description {
  position: relative;
  opacity: 1;
  top: auto;
  bottom: 0;
  width: auto;
  min-width: 100%;
  padding: 15px 100px 15px 50px !important;
  border-radius: 0;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-animation: fade-in-bottom 1s ease-in-out;
  animation: fade-in-bottom 1s ease-in-out;
}

.max-md-size [data-id="product"].category .main .content .container ul li a .right .description:before, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li a .right .description:before {
  content: "\e901";
  left: auto !important;
  right: 25px !important;
}

.max-md-size [data-id="product"].category .main .content .container ul li:nth-of-type(1) a .right .pic .mask, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(1) a .right .pic .mask {
  background: -moz-linear-gradient(top, #e2002d 0%, rgba(226, 0, 45, 0.5) 35%, rgba(226, 0, 45, 0) 59%, rgba(226, 0, 45, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #e2002d 0%, rgba(226, 0, 45, 0.5) 35%, rgba(226, 0, 45, 0) 59%, rgba(226, 0, 45, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#e2002d), color-stop(35%, rgba(226, 0, 45, 0.5)), color-stop(59%, rgba(226, 0, 45, 0)), color-stop(60%, rgba(226, 0, 45, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, #e2002d 0%, rgba(226, 0, 45, 0.5) 35%, rgba(226, 0, 45, 0) 59%, rgba(226, 0, 45, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #e2002d 0%, rgba(226, 0, 45, 0.5) 35%, rgba(226, 0, 45, 0) 59%, rgba(226, 0, 45, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2002d', endColorstr='#00ffffff',GradientType=0 );
}

.max-md-size [data-id="product"].category .main .content .container ul li:nth-of-type(2) a .right .pic .mask, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(2) a .right .pic .mask {
  background: -moz-linear-gradient(top, #abcd03 0%, rgba(171, 205, 3, 0.5) 35%, rgba(171, 205, 3, 0) 59%, rgba(171, 205, 3, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #abcd03 0%, rgba(171, 205, 3, 0.5) 35%, rgba(171, 205, 3, 0) 59%, rgba(171, 205, 3, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#abcd03), color-stop(35%, rgba(171, 205, 3, 0.5)), color-stop(59%, rgba(171, 205, 3, 0)), color-stop(60%, rgba(171, 205, 3, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, #abcd03 0%, rgba(171, 205, 3, 0.5) 35%, rgba(171, 205, 3, 0) 59%, rgba(171, 205, 3, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #abcd03 0%, rgba(171, 205, 3, 0.5) 35%, rgba(171, 205, 3, 0) 59%, rgba(171, 205, 3, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abcd03', endColorstr='#00ffffff',GradientType=0 );
}

.max-md-size [data-id="product"].category .main .content .container ul li:nth-of-type(3) a .right .pic .mask, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(3) a .right .pic .mask {
  background: -moz-linear-gradient(top, #e32d57 0%, rgba(227, 45, 87, 0.5) 35%, rgba(227, 45, 87, 0) 59%, rgba(227, 45, 87, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #e32d57 0%, rgba(227, 45, 87, 0.5) 35%, rgba(227, 45, 87, 0) 59%, rgba(227, 45, 87, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#e32d57), color-stop(35%, rgba(227, 45, 87, 0.5)), color-stop(59%, rgba(227, 45, 87, 0)), color-stop(60%, rgba(227, 45, 87, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, #e32d57 0%, rgba(227, 45, 87, 0.5) 35%, rgba(227, 45, 87, 0) 59%, rgba(227, 45, 87, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #e32d57 0%, rgba(227, 45, 87, 0.5) 35%, rgba(227, 45, 87, 0) 59%, rgba(227, 45, 87, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e32d57', endColorstr='#00ffffff',GradientType=0 );
}

.max-md-size [data-id="product"].category .main .content .container ul li:nth-of-type(4) a .right .pic .mask, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(4) a .right .pic .mask {
  background: -moz-linear-gradient(top, #e58714 0%, rgba(229, 135, 20, 0.5) 35%, rgba(229, 135, 20, 0) 59%, rgba(229, 135, 20, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #e58714 0%, rgba(229, 135, 20, 0.5) 35%, rgba(229, 135, 20, 0) 59%, rgba(229, 135, 20, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#e58714), color-stop(35%, rgba(229, 135, 20, 0.5)), color-stop(59%, rgba(229, 135, 20, 0)), color-stop(60%, rgba(229, 135, 20, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, #e58714 0%, rgba(229, 135, 20, 0.5) 35%, rgba(229, 135, 20, 0) 59%, rgba(229, 135, 20, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #e58714 0%, rgba(229, 135, 20, 0.5) 35%, rgba(229, 135, 20, 0) 59%, rgba(229, 135, 20, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e58714', endColorstr='#00ffffff',GradientType=0 );
}

.max-md-size [data-id="product"].category .main .content .container ul li:nth-of-type(5) a .right .pic .mask, .max-md-size
[data-id="product"].category .main .content .container-fluid ul li:nth-of-type(5) a .right .pic .mask {
  background: -moz-linear-gradient(top, #318ac4 0%, rgba(49, 138, 196, 0.5) 35%, rgba(49, 138, 196, 0) 59%, rgba(49, 138, 196, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #318ac4 0%, rgba(49, 138, 196, 0.5) 35%, rgba(49, 138, 196, 0) 59%, rgba(49, 138, 196, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#318ac4), color-stop(35%, rgba(49, 138, 196, 0.5)), color-stop(59%, rgba(49, 138, 196, 0)), color-stop(60%, rgba(49, 138, 196, 0)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, #318ac4 0%, rgba(49, 138, 196, 0.5) 35%, rgba(49, 138, 196, 0) 59%, rgba(49, 138, 196, 0) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #318ac4 0%, rgba(49, 138, 196, 0.5) 35%, rgba(49, 138, 196, 0) 59%, rgba(49, 138, 196, 0) 60%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318ac4', endColorstr='#00ffffff',GradientType=0 );
}

.max-sm-size [data-id="product"].category .main .content .container ul li a .left .pic img, .max-sm-size
[data-id="product"].category .main .content .container-fluid ul li a .left .pic img {
  max-height: none;
}

.max-sm-size [data-id="product"].category .main .content .container ul li a .right > .pic, .max-sm-size
[data-id="product"].category .main .content .container-fluid ul li a .right > .pic {
  height: 300px;
}

.max-sm-size [data-id="product"].category .main .content .container ul li a .right > .pic .mask, .max-sm-size
[data-id="product"].category .main .content .container-fluid ul li a .right > .pic .mask {
  opacity: 1;
}

.max-sm-size [data-id="product"].category .main .content .container ul li a .right .description > span, .max-sm-size
[data-id="product"].category .main .content .container-fluid ul li a .right .description > span {
  white-space: normal;
}

.max-sm-size [data-id="product"].category .main .content .container ul li a .right .description > span br, .max-sm-size
[data-id="product"].category .main .content .container-fluid ul li a .right .description > span br {
  display: none;
}

.max-xs-size [data-id="product"].category .main .content .container ul li a .left, .max-xs-size
[data-id="product"].category .main .content .container-fluid ul li a .left {
  padding: 15px;
}

.max-xs-size [data-id="product"].category .main .content .container ul li a .right > .pic, .max-xs-size
[data-id="product"].category .main .content .container-fluid ul li a .right > .pic {
  position: relative;
  height: 200px;
}

.max-xs-size [data-id="product"].category .main .content .container ul li a .right > .pic .mask, .max-xs-size
[data-id="product"].category .main .content .container-fluid ul li a .right > .pic .mask {
  height: 100px;
}

.max-xs-size [data-id="product"].category .main .content .container ul li a .right .info .icon .icon-group, .max-xs-size
[data-id="product"].category .main .content .container-fluid ul li a .right .info .icon .icon-group {
  padding-top: 0;
  top: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.max-xs-size [data-id="product"].category .main .content .container ul li a .right .info .icon .icon-group .pic img, .max-xs-size
[data-id="product"].category .main .content .container-fluid ul li a .right .info .icon .icon-group .pic img {
  width: 60px;
  padding-top: 10px;
}

.max-xs-size [data-id="product"].category .main .content .container ul li a .right .info .icon .icon-group .title h3:first-of-type, .max-xs-size
[data-id="product"].category .main .content .container-fluid ul li a .right .info .icon .icon-group .title h3:first-of-type {
  padding-top: 5px;
  font-size: 12px;
  line-height: 16px;
}

.max-xs-size [data-id="product"].category .main .content .container ul li a .right .description, .max-xs-size
[data-id="product"].category .main .content .container-fluid ul li a .right .description {
  left: 50%;
  top: 0;
  bottom: auto;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  padding: 15px 60px 15px 30px !important;
}

.max-xs-size [data-id="product"].category .main .content .container ul li a .right .description:before, .max-xs-size
[data-id="product"].category .main .content .container-fluid ul li a .right .description:before {
  right: 15px !important;
  font-size: 20px;
  width: 30px;
  height: 30px;
  line-height: 25px;
}

.max-xs-size [data-id="product"].category .main .content .container ul li a .right .description > span, .max-xs-size
[data-id="product"].category .main .content .container-fluid ul li a .right .description > span {
  font-size: 15px;
  line-height: 24px;
}

[data-id="product"].category .main .content > .divider {
  border-bottom: solid 1px #eee;
}

[data-id="product"].products .main .content {
  position: relative;
  z-index: 51;
}

[data-id="product"].products .main .content .container ul {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

[data-id="product"].products .main .content .container ul li {
  display: inline-block;
}

[data-id="product"].products .main .content .container ul li + li {
  margin-left: 10px;
}

[data-id="product"].products .main .content .container ul li.active + li {
  margin-left: 5px;
}

[data-id="product"].products .main .content .container ul li a {
  height: auto;
}

[data-id="product"].products .main .content .container ul li a .right {
  width: auto;
  float: none !important;
}

[data-id="product"].products .main .content .container ul li a .right .info {
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  width: 165px;
  height: 165px;
  padding: 10px;
  border-radius: 50%;
  overflow: hidden;
}

[data-id="product"].products .main .content .container ul li a .right .info:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  border-radius: 50%;
}

[data-id="product"].products .main .content .container ul li a .right .info:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -ms-transition: background 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
  z-index: 2;
}

[data-id="product"].products .main .content .container ul li a .right .info .icon .icon-group .pic img {
  width: 85px;
}

[data-id="product"].products .main .content .container ul li a .right .info .icon .icon-group .title h3:first-of-type, [data-id="product"].products .main .content .container ul li a .right .info .icon .icon-group .title h3:last-of-type {
  font-size: 15px;
}

[data-id="product"].products .main .content .container ul li:nth-of-type(odd) a .right {
  float: left;
}

[data-id="product"].products .main .content .container ul li:nth-of-type(odd) a .right .info {
  left: 0;
}

[data-id="product"].products .main .content .container ul li:nth-of-type(even) a .right {
  float: left;
}

[data-id="product"].products .main .content .container ul li:nth-of-type(even) a .right .info {
  left: 0;
}

[data-id="product"].products .main .content .container ul li:hover a .right .info:after {
  background: rgba(255, 255, 255, 0);
}

[data-id="product"].products .main .content .container ul li.active a .right .info {
  width: 210px;
  height: 210px;
  border: 0;
  -webkit-box-shadow: 0px 36px 30px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 36px 30px -10px rgba(0, 0, 0, 0.3);
}

[data-id="product"].products .main .content .container ul li.active a .right .info:after {
  background: rgba(255, 255, 255, 0);
}

[data-id="product"].products .main .content .container ul li.active a .right .info .icon .icon-group .pic img {
  width: auto;
}

[data-id="product"].products .main .content .container ul li.active a .right .info .icon .icon-group .title h3:first-of-type, [data-id="product"].products .main .content .container ul li.active a .right .info .icon .icon-group .title h3:last-of-type {
  font-size: 20px;
}

[data-id="product"].products .main .content .tablist {
  border-top: solid 1px #eee;
}

[data-id="product"].products .main .content .tablist .nav-tabs {
  border: 0;
}

[data-id="product"].products .main .content .tablist .nav-tabs li a {
  font-size: 18px;
  padding: 10px 27px;
  border-radius: 40px;
  border: solid 2px #e50032;
  color: #e50032;
  background: #FFF;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

[data-id="product"].products .main .content .tablist .nav-tabs li:hover a {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

[data-id="product"].products .main .content .tablist .nav-tabs li.active a {
  color: #FFF;
  background: #e50032;
}

[data-id="product"].products .main .content .tablist .nav-tabs li.active + li {
  margin-left: 10px;
}

[data-id="product"].products .main .content .tablist .tab-content {
  padding-top: 85px;
  padding-bottom: 25px;
}

[data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

[data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists .list {
  margin-bottom: 70px;
}

.max-sm-size [data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists .list {
  margin-bottom: 50px;
}

.max-xs-size [data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists .list {
  margin-bottom: 40px;
}

[data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists .list .box {
  display: block;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: transform 1s ease-in-out 0.5s;
  -moz-transition: transform 1s ease-in-out 0.5s;
  -ms-transition: transform 1s ease-in-out 0.5s;
  -o-transition: transform 1s ease-in-out 0.5s;
  -webkit-transition: -webkit-transform 1s ease-in-out 0.5s;
  transition: -webkit-transform 1s ease-in-out 0.5s;
  transition: transform 1s ease-in-out 0.5s;
  transition: transform 1s ease-in-out 0.5s, -webkit-transform 1s ease-in-out 0.5s;
  -webkit-animation: zoomOut 0.5s ease-in-out 0.5s both;
  -moz-animation: zoomOut 0.5s ease-in-out 0.5s both;
  -ms-animation: zoomOut 0.5s ease-in-out 0.5s both;
  -o-animation: zoomOut 0.5s ease-in-out 0.5s both;
  animation: zoomOut 0.5s ease-in-out 0.5s both;
}

[data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists .list .box span {
  display: block;
}

[data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists .list .box .pic {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 230px;
  height: 230px;
  overflow: hidden;
}

[data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists .list .box .pic:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -ms-transition: background 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
}

[data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists .list .box .pic .btn {
  opacity: 0;
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  color: #FFF;
  background: #e50032;
  border-radius: 30px;
  padding: 10px 12px;
  width: 160px;
  color: #FFF;
  background: #e50032;
  border-radius: 30px;
  font-size: 16px;
  letter-spacing: 1px;
  text-shadow: 0 0 0 transparent;
  -webkit-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  -ms-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

[data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists .list .box .pic img {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-height: 100%;
}

[data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists .list .box h4 {
  font-size: 18px;
  letter-spacing: 2px;
  margin-top: 35px;
}

.max-sm-size [data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists .list .box h4 {
  margin-top: 20px;
}

[data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists .list:hover .box .pic:before {
  background: rgba(255, 255, 255, 0.75);
}

[data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists .list:hover .box .btn {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

[data-id="product"].products .main .content .tablist .tab-content .tab-pane.active {
  -webkit-transition: display 2s ease-in-out 2s;
  -o-transition: display 2s ease-in-out 2s;
  transition: display 2s ease-in-out 2s;
}

[data-id="product"].products .main .content .tablist .tab-content .tab-pane.active .lists .list .box {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-animation: zoomIn 0.5s ease-in-out;
  -moz-animation: zoomIn 0.5s ease-in-out;
  -ms-animation: zoomIn 0.5s ease-in-out;
  -o-animation: zoomIn 0.5s ease-in-out;
  animation: zoomIn 0.5s ease-in-out;
}

.max-lg-size [data-id="product"].products .main .content .container ul li a {
  height: auto;
}

.max-lg-size [data-id="product"].products .main .content .container.link-area ul li.active + li {
  margin-left: 0px;
}

.max-md-size [data-id="product"].products .main .content .link-area {
  padding: 0 8px;
}

.max-md-size [data-id="product"].products .main .content .link-area ul li a .right .info {
  width: 130px;
  height: 130px;
  padding: 5px;
  right: auto;
  top: auto;
  left: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.max-md-size [data-id="product"].products .main .content .link-area ul li a .right .info .icon {
  border-radius: 50%;
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

.max-md-size [data-id="product"].products .main .content .link-area ul li a .right .info .icon .icon-group .pic img {
  width: 55px;
  padding-bottom: 5px;
}

.max-md-size [data-id="product"].products .main .content .link-area ul li a .right .info .icon .icon-group .title h3:first-of-type, .max-md-size [data-id="product"].products .main .content .link-area ul li a .right .info .icon .icon-group .title h3:last-of-type {
  font-size: 14px;
}

.max-md-size [data-id="product"].products .main .content .link-area ul li.active + li {
  margin-left: 0px;
}

.max-md-size [data-id="product"].products .main .content .link-area ul li.active a .right .info {
  width: 150px;
  height: 150px;
  padding: 8px;
  border: 0;
}

.max-md-size [data-id="product"].products .main .content .link-area ul li.active a .right .info .icon .icon-group .pic img {
  width: 80px;
}

.max-md-size [data-id="product"].products .main .content .link-area ul li.active a .right .info .icon .icon-group .title h3:first-of-type, .max-md-size [data-id="product"].products .main .content .link-area ul li.active a .right .info .icon .icon-group .title h3:last-of-type {
  font-size: 16px;
}

.max-md-size [data-id="product"].products .main .content .products-dropdown button {
  width: 100%;
  line-height: 30px;
}

.max-md-size [data-id="product"].products .main .content .products-dropdown button .caret {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.max-md-size [data-id="product"].products .main .content .products-dropdown .dropdown-menu {
  width: 100%;
  text-align: center;
}

.max-md-size [data-id="product"].products .main .content .tablist {
  padding-top: 60px;
  border-top: solid 1px #eee;
}

.max-md-size [data-id="product"].products .main .content .tablist .nav-tabs li,
.max-md-size [data-id="product"].products .main .content .tablist .nav-tabs li + li,
.max-md-size [data-id="product"].products .main .content .tablist .nav-tabs li.active + li {
  margin: 5px;
}

.max-md-size [data-id="product"].products .main .content .tablist .nav-tabs li a {
  padding: 8px 15px;
}

.max-md-size [data-id="product"].products .main .content .tablist .tab-content {
  padding-top: 45px;
}

.min-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-toggle {
  display: none;
}

.min-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu {
  display: block;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
}

.min-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu > li.active > a,
.min-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu > li.active > a:hover,
.min-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu > li.active > a:focus {
  background-image: none;
  background-color: transparent;
}

.min-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu > li > a,
.min-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu > li > a:hover,
.min-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu > li > a:focus {
  background-image: none;
  background-color: transparent;
}

.min-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu > li > a {
  padding: 0;
}

.max-sm-size [data-id="product"].products .main .content .container ul {
  top: auto;
  left: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  padding: 15px 0;
}

.max-sm-size [data-id="product"].products .main .content .link-area {
  padding: 0;
}

.max-sm-size [data-id="product"].products .main .content .link-area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.max-sm-size [data-id="product"].products .main .content .link-area ul > li {
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  display: none;
}

.max-sm-size [data-id="product"].products .main .content .link-area ul > li > a {
  padding: 0;
}

.max-sm-size [data-id="product"].products .main .content .link-area ul > li > a .group .info {
  width: 100%;
  border-radius: 0;
}

.max-sm-size [data-id="product"].products .main .content .link-area ul > li > a .group .info .icon {
  border-radius: 0;
  -webkit-animation: fade-in-top;
  animation: fade-in-top;
}

.max-sm-size [data-id="product"].products .main .content .link-area ul > li > a .group .info:before, .max-sm-size [data-id="product"].products .main .content .link-area ul > li > a .group .info:after {
  display: none;
}

.max-sm-size [data-id="product"].products .main .content .link-area ul > li + li {
  margin-left: 0;
}

.max-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-toggle {
  display: block;
  font-size: 24px;
  line-height: 70px;
  letter-spacing: 1px;
}

.max-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-toggle .caret {
  margin-left: 7px;
}

.max-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu {
  display: none;
  font-size: 0px;
  border-radius: 0;
  padding: 0;
}

.max-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu > li {
  display: inline-block;
  width: 50%;
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding: 0 3px;
}

.max-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu > li.active {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding: 0;
  width: 100%;
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.max-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu > li.active > a,
.max-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu > li.active > a:hover,
.max-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu > li.active > a:focus {
  background-image: none;
  background-color: transparent;
}

.max-sm-size [data-id="product"].products .main .content .link-area .products-dropdown .products-menu > li.active > a .info {
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.max-sm-size [data-id="product"].products .main .content .link-area .products-dropdown.open .products-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.max-sm-size [data-id="product"].products .main .content .tablist {
  padding-top: 0;
}

.max-sm-size [data-id="product"].products .main .content .tablist .nav-tabs {
  text-align: center;
}

.max-sm-size [data-id="product"].products .main .content .tablist .nav-tabs li {
  float: none;
}

.max-sm-size [data-id="product"].products .main .content .tablist .nav-tabs li a {
  padding: 8px 18px;
  font-size: 14px;
}

.max-sm-size [data-id="product"].products .main .content .tablist .tab-content .tab-pane .lists .list .box .pic {
  width: 180px;
  height: 180px;
}

.max-xs-size [data-id="product"].products .main .content .tablist .nav-tabs li,
.max-xs-size [data-id="product"].products .main .content .tablist .nav-tabs li + li,
.max-xs-size [data-id="product"].products .main .content .tablist .nav-tabs li.active + li {
  margin: 5px 2px;
}

.max-xs-size [data-id="product"].products .main .content .tablist .nav-tabs li a {
  padding: 6px 12px;
}

.max-xs-size [data-id="product"].products .main .content .tablist .tab-pane .lists .list {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.max-xs-size [data-id="product"].products .main .content .tablist .tab-pane .lists .list .box .pic {
  width: 300px;
  height: 300px;
}

[data-id="product"].product .main .banner,
[data-id="product"].product .main .banner-content {
  height: auto !important;
}

[data-id="product"].product .main .content {
  padding-top: 25px;
}

[data-id="product"].product .main .content .container .intro {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-bottom: 85px;
  min-height: 375px;
}

[data-id="product"].product .main .content .container .intro .left .box {
  position: relative;
  height: 100%;
}

[data-id="product"].product .main .content .container .intro .left .box .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 180px;
}

[data-id="product"].product .main .content .container .intro .left .box .info .icon .icon-group .pic img {
  width: 90px;
}

[data-id="product"].product .main .content .container .intro .left .box .info .icon .icon-group .title h3:first-of-type, [data-id="product"].product .main .content .container .intro .left .box .info .icon .icon-group .title h3:last-of-type {
  font-size: 18px;
}

[data-id="product"].product .main .content .container .intro .left .box .slider {
  height: 100%;
  margin-left: 180px;
  margin-bottom: 0;
  padding-bottom: 0;
}

[data-id="product"].product .main .content .container .intro .left .box .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[data-id="product"].product .main .content .container .intro .left .box .slider .slick-track .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: auto;
}

[data-id="product"].product .main .content .container .intro .left .box .slider .slick-track .list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[data-id="product"].product .main .content .container .intro .left .box .slider .slick-dots {
  bottom: 18px;
}

[data-id="product"].product .main .content .container .intro .left .box .slider .slick-list,
[data-id="product"].product .main .content .container .intro .left .box .slider .slick-track {
  height: 100%;
}

[data-id="product"].product .main .content .container .intro .left .box .slider .list a span {
  display: block;
}

[data-id="product"].product .main .content .container .intro .left .box .slider .list a .pic {
  position: relative;
}

[data-id="product"].product .main .content .container .intro .right .box .details {
  padding-top: 12px;
  padding-left: 90px;
  padding-right: 190px;
}

[data-id="product"].product .main .content .container .intro .right .box .details .title {
  padding-bottom: 28px;
  padding-bottom: 63px;
}

[data-id="product"].product .main .content .container .intro .right .box .details .title h3 {
  font-size: 30px;
  margin-bottom: 10px;
}

[data-id="product"].product .main .content .container .intro .right .box .details .title h4 {
  font-size: 20px;
  line-height: 28px;
}

[data-id="product"].product .main .content .container .intro .right .box .details .detail {
  padding-top: 25px;
  border-top: solid 1px #e5e5e5;
  padding-bottom: 28px;
}

[data-id="product"].product .main .content .container .intro .right .box .details .detail li, [data-id="product"].product .main .content .container .intro .right .box .details .detail label, [data-id="product"].product .main .content .container .intro .right .box .details .detail span {
  font-size: 16px;
  line-height: 30px;
}

[data-id="product"].product .main .content .container .intro .right .box .details .tools {
  padding-top: 60px;
}

[data-id="product"].product .main .content .container .intro .right .box .details .tools .buy {
  float: left;
  width: 200px;
  height: auto;
  line-height: normal;
  padding: 0;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 2px;
  padding: 12px 0.5em;
  color: #e50032;
  border: 1px solid #CCCCCC;
  text-align: center;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

[data-id="product"].product .main .content .container .intro .right .box .details .tools .buy:hover {
  background: #e50032;
  color: #FFF;
}

.max-xs-size [data-id="product"].product .main .content .container .intro .right .box .details .tools .buy {
  margin-bottom: 20px;
}

.max-hd-size [data-id="product"].product .main .content .container .intro .right .box .details {
  padding-left: 30px;
  padding-right: 100px;
}

.max-lg-size [data-id="product"].product .main .content .container .intro .right .box .details {
  padding-left: 0;
  padding-right: 0;
}

.max-md-size [data-id="product"].product .main .content .container .intro .left .box .info {
  position: relative;
  display: block;
  margin: 0 auto;
}

.max-md-size [data-id="product"].product .main .content .container .intro .left .box .slider {
  margin-left: 0;
  height: auto;
  padding: 50px 0;
}

.max-md-size [data-id="product"].product .main .content .container .intro .left .box .slider .list a .pic img {
  position: relative;
}

.max-md-size [data-id="product"].product .main .content .container .intro .right {
  padding-top: 30px;
}

.max-md-size [data-id="product"].product .main .content .container .intro .right .box .details {
  padding-left: 0;
  padding-right: 0;
}

.max-md-size [data-id="product"].product .main .content .container .intro .right .box .details h3, .max-md-size [data-id="product"].product .main .content .container .intro .right .box .details h4 {
  text-align: center;
}

.max-sm-size [data-id="product"].product .main .content .container .intro .left .box .info {
  height: 125px;
  width: 125px;
}

.max-sm-size [data-id="product"].product .main .content .container .intro .left .box .info .icon .icon-group .pic img {
  width: 70px;
}

.max-sm-size [data-id="product"].product .main .content .container .intro .left .box .info .icon .icon-group .title h3:first-of-type {
  font-size: 15px;
}

.max-xs-size [data-id="product"].product .main .content .container .intro {
  padding-bottom: 30px;
}

.max-xs-size [data-id="product"].product .main .content .container .intro .left .box .info {
  display: none;
}

.max-xs-size [data-id="product"].product .main .content .container .intro .left .box .slider {
  padding: 0px 0px 50px 0px;
}

.max-xs-size [data-id="product"].product .main .content .container .intro .right {
  padding-top: 10px;
}

.max-xs-size [data-id="product"].product .main .content .container .intro .right .box .details .title {
  padding-bottom: 40px;
}

.max-xs-size [data-id="product"].product .main .content .container .intro .right .box .details .title h3 {
  font-size: 24px;
}

.max-xs-size [data-id="product"].product .main .content .container .intro .right .box .details .title h4 {
  font-size: 18px;
}

.max-xs-size [data-id="product"].product .main .content .container .intro .right .box .details .tools {
  padding-top: 30px;
}

.max-xs-size [data-id="product"].product .main .content .container .intro .right .box .details .tools .dropkick,
.max-xs-size [data-id="product"].product .main .content .container .intro .right .box .details .tools .buy {
  width: 100%;
}

.max-xs-size [data-id="product"].product .main .content .container .intro .right .box .details .tools .social {
  padding-top: 30px;
  width: 100%;
}

.max-xs-size [data-id="product"].product .main .content .container .intro .right .box .details .tools .social .a2a_kit {
  width: calc(100% - 55px);
}

.max-xs-size [data-id="product"].product .main .content .container .intro .right .box .details .tools .social .a2a_kit a {
  width: 20%;
}

.max-xs-size [data-id="product"].product .main .content .container .intro .right .box .details .tools .social .a2a_kit a .a2a_svg {
  float: none;
  display: block;
  margin: 0 auto;
}

[data-id="product"].product .main .content .container .videos {
  padding-bottom: 50px;
  border-top: solid 1px #eee;
}

[data-id="product"].product .main .content .container .videos .video,
[data-id="product"].product .main .content .container .videos .embed {
  display: block;
  margin: 65px 125px 31px 125px;
  margin: 65px;
}

[data-id="product"].product .main .content .container .videos .video .pic,
[data-id="product"].product .main .content .container .videos .embed .pic {
  width: 100%;
}

[data-id="product"].product .main .content .container .videos .btn {
  display: block;
  color: #e50032;
  background: #FFF;
  border: solid 1px #e50032;
  border-radius: 30px;
  padding: 10px 12px;
  margin: 0 auto;
  width: 160px;
  font-size: 16px;
  letter-spacing: 1px;
  text-shadow: 0 0 0 transparent;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

[data-id="product"].product .main .content .container .videos .btn:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.max-md-size [data-id="product"].product .main .content .container .videos .video,
.max-md-size [data-id="product"].product .main .content .container .videos .embed {
  margin-left: 0;
  margin-right: 0;
}

.max-sm-size [data-id="product"].product .main .content {
  padding-top: 0;
}

/* ==========================================================================
	專業研發 development
	專業代工 oem
 ========================================================================== */
[data-id="development"] .content,
[data-id="inspection"] .content,
[data-id="oem"] .content {
  background: #FAFAFA;
  min-height: 200px;
}

[data-id="inspection"] .content article h3,
[data-id="development"] .content article h3,
[data-id="oem"] .content article h3 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 2.5px;
  padding-left: 47px;
  margin-bottom: 48px;
}

.max-md-size [data-id="inspection"] .content article h3,
.max-md-size [data-id="development"] .content article h3, .max-md-size
[data-id="oem"] .content article h3 {
  padding-left: 0;
}

[data-id="development"] .content article .group .aside,
[data-id="oem"] .content article .group .aside {
  width: 50%;
}

#inspection .btn,
.process-box .btn,
.contact-info .btn,
[data-id="development"] .content article .group .btn,
[data-id="oem"] .content article .group .btn {
  display: block;
  border: solid 1px #e50032;
  border-radius: 25px;
  color: #e50032;
  width: 200px;
  height: 50px;
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 48px;
  padding: 0 15px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.process-box .btn:hover,
.contact-info .btn:hover,
#inspection .btn:hover,
[data-id="development"] .content article .group .btn:hover,
[data-id="oem"] .content article .group .btn:hover {
  background: #e50032;
  color: #FFF;
  -webkit-transform: scale(1.15) translate(0, 0);
  -moz-transform: scale(1.15) translate(0, 0);
  -ms-transform: scale(1.15) translate(0, 0);
  -o-transform: scale(1.15) translate(0, 0);
  transform: scale(1.15) translate(0, 0);
}

[data-id="development"] .content article .group .left,
[data-id="oem"] .content article .group .left {
  float: left;
  padding: 0 90px;
}

[data-id="development"] .content article .group .left a,
[data-id="oem"] .content article .group .left a {
  margin-top: 69px;
}

[data-id="development"] .content article .group .right,
[data-id="oem"] .content article .group .right {
  position: relative;
  float: left;
}

[data-id="development"] .content article .group h4,
[data-id="oem"] .content article .group h4 {
  font-size: 24px;
  margin-bottom: 32px;
  letter-spacing: 2px;
  font-weight: 600;
}

[data-id="development"] .content article .group p,
[data-id="oem"] .content article .group p {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 1.5px;
}

[data-id="inspection"] .content article:nth-of-type(1),
[data-id="development"] .content article:nth-of-type(1),
[data-id="oem"] .content article:nth-of-type(1) {
  padding-top: 63px;
}

.int-md-size [data-id="inspection"] .content article h3,
.int-md-size [data-id="development"] .content article h3, .int-md-size
[data-id="oem"] .content article h3 {
  padding-left: 20px;
}

.int-md-size [data-id="development"] .content article .group .left, .int-md-size
[data-id="oem"] .content article .group .left {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.int-md-size [data-id="development"] .content article .group .right, .int-md-size
[data-id="oem"] .content article .group .right {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.max-md-size [data-id="development"] .content article .group .left, .max-md-size [data-id="development"] .content article .group .right, .max-md-size
[data-id="oem"] .content article .group .left, .max-md-size
[data-id="oem"] .content article .group .right {
  width: 100% !important;
}

.max-md-size [data-id="development"] .content article .group .left a, .max-md-size
[data-id="oem"] .content article .group .left a {
  margin: 0 auto;
}

.max-md-size [data-id="development"] .content article .group .right, .max-md-size
[data-id="oem"] .content article .group .right {
  margin-top: 30px;
}

.max-md-size [data-id="development"] .content article .group .right .pic img, .max-md-size
[data-id="oem"] .content article .group .right .pic img {
  display: block;
  width: auto;
  margin: 0 auto;
}

.max-sm-size [data-id="inspection"] .content article:nth-of-type(1),
.max-sm-size [data-id="development"] .content article:nth-of-type(1), .max-sm-size
[data-id="oem"] .content article:nth-of-type(1) {
  padding-top: 50px;
}

[data-id="development"].biocenter .content article:nth-of-type(2),
[data-id="oem"].biocenter .content article:nth-of-type(2) {
  min-height: 735px;
}

[data-id="development"].biocenter .content article:nth-of-type(2) .group .left a,
[data-id="oem"].biocenter .content article:nth-of-type(2) .group .left a {
  margin-top: 120px;
  margin-left: 0;
  margin-right: 0;
}

[data-id="development"].biocenter .content article:nth-of-type(2) .group .right .pic,
[data-id="oem"].biocenter .content article:nth-of-type(2) .group .right .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 50vw;
}

.max-lg-size [data-id="development"].biocenter .content article:nth-of-type(2), .max-lg-size
[data-id="oem"].biocenter .content article:nth-of-type(2) {
  min-height: 600px;
}

.max-lg-size [data-id="development"].biocenter .content article .group .left a, .max-lg-size
[data-id="oem"].biocenter .content article .group .left a {
  margin: 0 auto;
}

[data-id="development"].biocenter .content article:nth-of-type(3) {
  position: relative;
  float: left;
  width: 100%;
  margin-top: -200px;
}

[data-id="development"].biocenter .content article:nth-of-type(3) .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -23vw;
  top: 0;
  background: #3BA2DA;
}

[data-id="development"].biocenter .content article:nth-of-type(3) .container {
  position: relative;
}

[data-id="development"].biocenter .content article:nth-of-type(3) .container .group {
  float: left;
  width: 100%;
  padding: 89px 0 61px 0;
}

[data-id="development"].biocenter .content article:nth-of-type(3) .container .group .left {
  width: calc(100% - 450px - 65px);
  padding: 0 45px 0 150px;
}

[data-id="development"].biocenter .content article:nth-of-type(3) .container .group .left h4 {
  color: #FFF;
}

[data-id="development"].biocenter .content article:nth-of-type(3) .container .group .left p {
  color: #FFF;
}

[data-id="development"].biocenter .content article:nth-of-type(3) .container .group .left a {
  border-color: #FFF;
  color: #FFF;
}

[data-id="development"].biocenter .content article:nth-of-type(3) .container .group .left a:hover {
  background: #FFF;
  color: #3BA2DA;
}

[data-id="development"].biocenter .content article:nth-of-type(3) .container .group .right {
  width: 450px;
}

[data-id="development"].biocenter .content article:nth-of-type(4) {
  margin-top: 0;
}

[data-id="development"].biocenter .content article:nth-of-type(4) .container {
  position: relative;
}

[data-id="development"].biocenter .content article:nth-of-type(4) .container .group {
  float: left;
  width: 100%;
  padding: 89px 0 61px 0;
}

[data-id="development"].biocenter .content article:nth-of-type(4) .container .group .left {
  width: calc(100% - 723px);
  padding: 0 65px 0 90px;
}

[data-id="development"].biocenter .content article:nth-of-type(4) .container .group .right {
  width: 630px;
}

[data-id="development"].biocenter .content article:last-of-type {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
}

[data-id="development"].biocenter .content article:last-of-type .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f0f0f0;
}

[data-id="development"].biocenter .content article:last-of-type .bg:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -130%);
  -moz-transform: translate(-50%, -130%);
  -ms-transform: translate(-50%, -130%);
  -o-transform: translate(-50%, -130%);
  transform: translate(-50%, -130%);
  background: url("images/biocenter/shadow.png") 50% 50% no-repeat;
  background-origin: center top;
  background-size: contain;
  width: 100%;
  height: 300px;
}

.max-sm-size [data-id="development"].biocenter .content article:last-of-type .bg:before {
  display: none;
}

[data-id="development"].biocenter .content article:last-of-type .container {
  position: relative;
}

[data-id="development"].biocenter .content article:last-of-type .container .group .left {
  width: 100%;
  padding: 82px 9% 90px 9%;
}

[data-id="development"].biocenter .content article:last-of-type .container .group .left p {
  text-align: center;
}

[data-id="development"].biocenter .content article:last-of-type .container .group .left a {
  text-align: center;
  margin-top: 59px;
}

.max-sm-size [data-id="development"].biocenter .content article:last-of-type .container .group .left {
  padding: 40px 0;
}

.max-bg-size [data-id="development"].biocenter .content article:nth-of-type(2) .group .left {
  width: 60%;
  padding: 0 30px 0 90px;
}

.max-bg-size [data-id="development"].biocenter .content article:nth-of-type(2) .group .left a {
  margin-top: 40px;
}

.max-bg-size [data-id="development"].biocenter .content article:nth-of-type(2) .group .right {
  width: 40%;
}

.max-bg-size [data-id="development"].biocenter .content article:nth-of-type(2) .group .right .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 41vw;
}

.max-bg-size [data-id="development"].biocenter .content article:nth-of-type(3) .group .left, .max-bg-size [data-id="development"].biocenter .content article:nth-of-type(4) .group .left {
  width: 60%;
  padding: 0 30px 0 90px;
}

.max-bg-size [data-id="development"].biocenter .content article:nth-of-type(3) .group .left a, .max-bg-size [data-id="development"].biocenter .content article:nth-of-type(4) .group .left a {
  margin-top: 40px;
}

.max-bg-size [data-id="development"].biocenter .content article:nth-of-type(3) .group .right, .max-bg-size [data-id="development"].biocenter .content article:nth-of-type(4) .group .right {
  width: 40%;
}

.max-md-size [data-id="development"].biocenter .content article h3 {
  margin-bottom: 0;
}

.max-md-size [data-id="development"].biocenter .content article:nth-of-type(2) {
  min-height: 0;
}

.max-md-size [data-id="development"].biocenter .content article:nth-of-type(2) .group .left, .max-md-size [data-id="development"].biocenter .content article:nth-of-type(2) .group .right {
  padding: 0 15px;
}

.max-md-size [data-id="development"].biocenter .content article:nth-of-type(2) .group .right {
  margin-bottom: 30px;
}

.max-md-size [data-id="development"].biocenter .content article:nth-of-type(2) .group .right .pic {
  position: relative;
  width: auto;
}

.max-md-size [data-id="development"].biocenter .content article:nth-of-type(3) {
  margin-top: 0;
}

.max-md-size [data-id="development"].biocenter .content article:nth-of-type(3) .bg {
  left: 0;
}

.max-md-size [data-id="development"].biocenter .content article:nth-of-type(3) .group .left, .max-md-size [data-id="development"].biocenter .content article:nth-of-type(3) .group .right {
  padding: 0 15px;
}

.max-md-size [data-id="development"].biocenter .content article:nth-of-type(3) .group .right .pic {
  position: relative;
  width: auto;
}

.max-md-size [data-id="development"].biocenter .content article:nth-of-type(4) .group .left, .max-md-size [data-id="development"].biocenter .content article:nth-of-type(4) .group .right {
  padding: 0 15px;
}

.max-md-size [data-id="development"].biocenter .content article:nth-of-type(4) .group .right .pic {
  position: relative;
  width: auto;
}

.max-sm-size [data-id="development"].biocenter .content article:nth-of-type(2) {
  padding-top: 30px;
}

.max-sm-size [data-id="development"].biocenter .content article:nth-of-type(3) .container .group,
.max-sm-size [data-id="development"].biocenter .content article:nth-of-type(4) .container .group {
  padding: 50px 0;
}

.max-xs-size [data-id="development"].biocenter .content article:nth-of-type(2) .group .left, .max-xs-size [data-id="development"].biocenter .content article:nth-of-type(2) .group .right, .max-xs-size [data-id="development"].biocenter .content article:nth-of-type(3) .group .left, .max-xs-size [data-id="development"].biocenter .content article:nth-of-type(3) .group .right, .max-xs-size [data-id="development"].biocenter .content article:nth-of-type(4) .group .left, .max-xs-size [data-id="development"].biocenter .content article:nth-of-type(4) .group .right {
  padding: 0;
}

.max-xs-size [data-id="development"].biocenter .content article:last-of-type .container-fluid .container {
  padding: 0;
}

.max-xs-size [data-id="development"].biocenter .content article:last-of-type .container-fluid .container .group .left a {
  margin-top: 30px;
}

[data-id="development"].innovative .content article:nth-of-type(2) .left {
  padding-bottom: 80px;
  padding-right: 40px;
}

[data-id="development"].innovative .content article:nth-of-type(2) .left .group + .group {
  margin-top: 90px;
}

.max-md-size [data-id="development"].innovative .content article:nth-of-type(2) .left .group + .group {
  margin-top: 50px;
}

.max-sm-size [data-id="development"].innovative .content article:nth-of-type(2) .left .group + .group {
  margin-top: 40px;
}

.max-xs-size [data-id="development"].innovative .content article:nth-of-type(2) .left .group + .group {
  margin-top: 30px;
}

[data-id="development"].innovative .content article:nth-of-type(2) .right {
  padding-left: 45px;
  padding-right: 45px;
}

[data-id="development"].innovative .content article:nth-of-type(3) .aside {
  padding-top: 90px;
  padding-bottom: 90px;
}

[data-id="development"].innovative .content article:nth-of-type(3) .left {
  padding-left: 90px;
  padding-right: 45px;
}

[data-id="development"].innovative .content article:nth-of-type(3) .right {
  padding-left: 45px;
  padding-right: 90px;
}

.max-md-size [data-id="development"].innovative .content article .aside {
  padding-left: 15px;
  padding-right: 15px;
}

.max-md-size [data-id="development"].innovative .content article:nth-of-type(2) .left {
  padding-bottom: 0;
}

.max-md-size [data-id="development"].innovative .content article:nth-of-type(2) .right {
  padding-bottom: 60px;
}

.max-md-size [data-id="development"].innovative .content article:nth-of-type(3) .left {
  padding-top: 60px;
  padding-bottom: 30px;
}

.max-md-size [data-id="development"].innovative .content article:nth-of-type(3) .right {
  padding-top: 0;
  padding-bottom: 60px;
}

.max-sm-size [data-id="development"].innovative .content article .aside {
  padding-left: 0;
  padding-right: 0;
}

.max-sm-size [data-id="development"].innovative .content article:nth-of-type(3) .aside {
  padding-bottom: 0;
}

.certification .content .tab-pane .columns {
  padding: 10px 82px;
  padding-bottom: 50px;
}

.certification .content .tab-pane .columns .column {
  padding: 0 10px 40px 10px;
}

.certification .content .tab-pane .columns .column > .box {
  height: 100%;
  border: solid 1px #ddd;
  background-color: #FFF;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -ms-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}

.certification .content .tab-pane .columns .column > .box .top {
  padding-top: 8px;
  padding-bottom: 8px;
}

.certification .content .tab-pane .columns .column > .box .top .left .pic {
  position: relative;
  width: 300px;
  height: 300px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}

.certification .content .tab-pane .columns .column > .box .top .left .pic img {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.certification .content .tab-pane .columns .column > .box .top .right {
  padding-top: 50px;
  padding-right: 60px;
}

.certification .content .tab-pane .columns .column > .box .top .right .box h4, .certification .content .tab-pane .columns .column > .box .top .right .box .btn, .certification .content .tab-pane .columns .column > .box .top .right .box p {
  text-align: left;
  color: #555;
}

.certification .content .tab-pane .columns .column > .box .top .right .box h4 {
  font-size: 24px;
  letter-spacing: 2.5px;
  font-weight: bold;
}

.certification .content .tab-pane .columns .column > .box .top .right .box .btn {
  /* display: block;
											width: 75px;
										    padding: 0 10px; */
  display: inline-block;
  width: auto;
  padding: 0 17px;
  font-size: 18px;
  letter-spacing: 1.5px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  border-radius: 25px;
  color: #FFF;
  background: #a4cb27;
  margin-top: 18px;
  margin-bottom: 18px;
  cursor: default;
}

.certification .content .tab-pane .columns .column > .box .top .right .box p {
  font-size: 16px;
  letter-spacing: 1.5px;
  line-height: 28px;
}

.certification .content .tab-pane .columns .column > .box .bottom {
  position: relative;
  padding: 9px 60px;
}

.certification .content .tab-pane .columns .column > .box .bottom .left .pic {
  width: 185px;
  display: block;
  margin: 0 auto;
}

.certification .content .tab-pane .columns .column > .box .bottom .right .box p {
  font-size: 20px;
  letter-spacing: 1px;
  text-align: left;
  color: #555;
}

.certification .content .tab-pane .columns .column > .box .top + .bottom:before {
  content: "";
  position: absolute;
  top: 0;
  width: calc(100% - 50px - 60px - 20px);
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #c8c8c8;
}

.certification .content .tab-pane .columns .column:hover > .box {
  -webkit-box-shadow: 2px 5px 10px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 5px 10px 5px rgba(0, 0, 0, 0.15);
}

.certification .content .tab-pane#tab2 .columns .column > .box .top > .row,
.certification .content .tab-pane#tab2 .columns .column > .box .bottom > .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.certification .content .tab-pane#tab2 .columns .column > .box .top .left .pic {
  height: 279px;
}

.certification .content .tab-pane#tab2 .columns .column > .box .bottom {
  padding: 60px 0;
}

.certification .content .tab-pane#tab2 .columns .column > .box .bottom .row .box p {
  line-height: 30px;
}

.max-bg-size .certification .content .tab-pane#tab2 .columns .column > .box .top > .row .right .box {
  padding-bottom: 15px;
}

.max-bg-size .certification .content .tab-pane#tab2 .columns .column > .box .top > .row .right .box h4 {
  text-align: center;
}

.max-lg-size .certification .content .tab-pane#tab2 .columns .column > .box .bottom > .row .right .box {
  padding-top: 15px;
}

.max-sm-size .certification .content .tab-pane#tab2 .columns .column > .box .top .left .pic {
  height: 200px;
  width: 200px;
}

.max-sm-size .certification .content .tab-pane#tab2 .columns .column > .box .bottom {
  padding: 30px 0;
}

.max-xs-size .certification .content .tab-pane#tab2 .columns .column > .box .top .left .pic {
  width: 185px;
}

.max-bg-size .certification .content .tab-pane .columns .column > .box {
  padding: 0 60px;
}

.max-bg-size .certification .content .tab-pane .columns .column > .box .top + .bottom:before {
  width: 100%;
}

.max-bg-size .certification .content .tab-pane .columns .column > .box .bottom .right .box p {
  font-size: 18px;
}

.int-lg-size .certification .content .tab-pane .columns .column > .box .top .left, .int-lg-size .certification .content .tab-pane .columns .column > .box .top .right,
.int-md-size .certification .content .tab-pane .columns .column > .box .top .left,
.int-md-size .certification .content .tab-pane .columns .column > .box .top .right {
  width: 100%;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  max-width: none;
}

.int-lg-size .certification .content .tab-pane .columns .column > .box .top .right,
.int-md-size .certification .content .tab-pane .columns .column > .box .top .right {
  padding: 0;
}

.int-lg-size .certification .content .tab-pane .columns .column > .box .bottom,
.int-md-size .certification .content .tab-pane .columns .column > .box .bottom {
  padding: 9px 0 25px 0;
}

.int-lg-size .certification .content .tab-pane .columns .column > .box .bottom .left,
.int-md-size .certification .content .tab-pane .columns .column > .box .bottom .left {
  width: 45%;
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
  max-width: 45%;
}

.int-lg-size .certification .content .tab-pane .columns .column > .box .bottom .left .pic,
.int-md-size .certification .content .tab-pane .columns .column > .box .bottom .left .pic {
  max-width: 100%;
}

.int-lg-size .certification .content .tab-pane .columns .column > .box .bottom .right,
.int-md-size .certification .content .tab-pane .columns .column > .box .bottom .right {
  width: 55%;
  -ms-flex-preferred-size: 55%;
  flex-basis: 55%;
  max-width: 55%;
}

.int-lg-size .certification .content .tab-pane .columns .column > .box .top + .bottom:before,
.int-md-size .certification .content .tab-pane .columns .column > .box .top + .bottom:before {
  width: 100%;
}

.int-md-size .certification .content .tab-pane .columns .column > .box .bottom .left, .int-md-size .certification .content .tab-pane .columns .column > .box .bottom .right {
  width: 100%;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  max-width: none;
}

.int-md-size .certification .content .tab-pane .columns .column > .box .bottom .right p {
  text-align: center;
}

.max-md-size .certification .content .tab-pane .columns {
  padding: 0 0 50px 0;
}

.max-sm-size .certification .content .tab-pane .columns {
  padding: 0;
}

.max-md-size .certification .content .tab-pane .columns .column > .box {
  padding: 0 40px;
}

.max-md-size .certification .content .tab-pane .columns .column > .box .top .left, .max-md-size .certification .content .tab-pane .columns .column > .box .top .right {
  padding: 0px;
}

.max-md-size .certification .content .tab-pane .columns .column > .box .bottom {
  padding: 9px 0 25px 0;
}

.max-md-size .certification .content .tab-pane .columns .column > .box .bottom .right .box p {
  text-align: center;
}

.max-sm-size .certification .content .tab-pane .columns .column {
  width: 450px;
  max-width: 100%;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  display: block;
  margin: 0 auto;
}

.max-sm-size .certification .content .tab-pane .columns .column > .box .top .left .pic {
  width: 250px;
}

.max-sm-size .certification .content .tab-pane .columns .column > .box .top .right .box h4 {
  text-align: center;
}

.max-sm-size .certification .content .tab-pane .columns .column > .box .bottom .left .pic {
  width: 135px;
}

.max-xs-size .certification .content .tab-pane .columns .column {
  padding: 0 0 20px 0;
}

.max-xs-size .certification .content .tab-pane .columns .column > .box {
  padding: 0 30px;
}

.max-xs-size .certification .content .tab-pane .columns .column > .box .top .left .pic {
  height: 185px;
  width: 185px;
}

.max-xs-size .certification .content .tab-pane .columns .column > .box .top .right .box h4 {
  font-size: 20px;
}

.max-xs-size .certification .content .tab-pane .columns .column > .box .top .right .box .btn {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 10px;
  font-size: 16px;
  height: 25px;
  line-height: 25px;
}

.max-xs-size .certification .content .tab-pane .columns .column > .box .top .right .box p {
  line-height: 24px;
}

.max-xs-size .certification .content .tab-pane .columns .column > .box .bottom .left .pic {
  width: 100px;
}

.max-xs-size .certification .content .tab-pane .columns .column > .box .bottom .right .box p {
  font-size: 16px;
}

[data-id="development"].patent .content .tab-pane article .top {
  margin-bottom: 48px;
  padding-right: 70px;
}

.max-lg-size [data-id="development"].patent .content .tab-pane article .top {
  padding-right: 20px;
}

.max-md-size [data-id="development"].patent .content .tab-pane article .top {
  padding-right: 0;
  margin-bottom: 30px;
}

[data-id="development"].patent .content .tab-pane article .top h3,
[data-id="development"].patent .content .tab-pane article .top .navbar-form {
  margin: 0;
}

[data-id="development"].patent .content .tab-pane article .top .navbar-form {
  position: relative;
  padding: 0;
  width: 240px;
  float: right;
}

[data-id="development"].patent .content .tab-pane article .top .navbar-form input {
  float: right;
  padding-left: 45px;
  width: 100%;
  height: 40px;
  line-height: 28px;
  border-radius: 50px;
  border-color: #e50032;
  letter-spacing: 1px;
  font-size: 18px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

[data-id="development"].patent .content .tab-pane article .top .navbar-form button {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 40px;
  z-index: 90;
}

[data-id="development"].patent .content .tab-pane article .top .navbar-form button .icon-icon-search {
  display: block;
  padding: 2px;
}

[data-id="development"].patent .content .tab-pane article .top .navbar-form button .icon-icon-search:before {
  color: #e50032;
  font-size: 24px;
}

.max-sm-size [data-id="development"].patent .content .tab-pane article .top .navbar-form {
  margin-top: 20px;
}

.max-xs-size [data-id="development"].patent .content .tab-pane article .top .navbar-form {
  width: 100%;
}

.min-lg-size [data-id="development"].patent .content .tab-pane article .table-responsive {
  padding-left: 70px;
  padding-right: 70px;
}

.int-md-size [data-id="development"].patent .content .tab-pane article .table-responsive {
  padding-left: 20px;
  padding-right: 20px;
}

[data-id="development"].patent .content .tab-pane article:nth-of-type(1) {
  padding-top: 30px;
}

[data-id="development"].patent .content .tab-pane .table > thead > tr > th {
  white-space: normal;
}

[data-id="development"].patent .content .tab-pane .table > tbody > tr > td {
  white-space: normal;
}

[data-id="development"].patent .content .tab-pane#tab1 .table thead tr th:nth-of-type(1) {
  width: 40%;
}

[data-id="development"].patent .content .tab-pane#tab1 .table thead tr th:nth-of-type(2) {
  width: 20%;
}

[data-id="development"].patent .content .tab-pane#tab1 .table thead tr th:nth-of-type(3) {
  width: 20%;
}

[data-id="development"].patent .content .tab-pane#tab1 .table thead tr th:nth-of-type(4) {
  width: 20%;
}

.max-lg-size [data-id="development"].patent .content .tab-pane#tab1 .table thead tr th:nth-of-type(1) {
  min-width: 350px;
}

.max-lg-size [data-id="development"].patent .content .tab-pane#tab1 .table thead tr th:nth-of-type(2) {
  width: 20%;
  min-width: 120px;
}

.max-lg-size [data-id="development"].patent .content .tab-pane#tab1 .table thead tr th:nth-of-type(3) {
  width: 20%;
  min-width: 120px;
}

.max-lg-size [data-id="development"].patent .content .tab-pane#tab1 .table thead tr th:nth-of-type(4) {
  width: 20%;
  min-width: 120px;
}

[data-id="development"].patent .content .tab-pane#tab2 .table thead tr th:nth-of-type(1) {
  width: 40%;
}

[data-id="development"].patent .content .tab-pane#tab2 .table thead tr th:nth-of-type(2) {
  width: 20%;
}

[data-id="development"].patent .content .tab-pane#tab2 .table thead tr th:nth-of-type(3) {
  width: 20%;
}

[data-id="development"].patent .content .tab-pane#tab2 .table thead tr th:nth-of-type(4) {
  width: 10%;
}

.max-bg-size [data-id="development"].patent .content .tab-pane#tab2 .table thead tr th:nth-of-type(1) {
  min-width: 350px;
}

.max-bg-size [data-id="development"].patent .content .tab-pane#tab2 .table thead tr th:nth-of-type(2) {
  width: 20%;
  min-width: 200px;
}

.max-bg-size [data-id="development"].patent .content .tab-pane#tab2 .table thead tr th:nth-of-type(3) {
  width: 20%;
  min-width: 120px;
}

.max-bg-size [data-id="development"].patent .content .tab-pane#tab2 .table thead tr th:nth-of-type(4) {
  width: 20%;
  min-width: 90px;
}

.max-bg-size .apparatus .content .tab-pane .columns .column > .box {
  padding: 0;
}

.apparatus .content .tab-pane .columns .column > .box .box .pic {
  width: 100%;
  height: 280px;
  overflow: hidden;
}

.max-bg-size .apparatus .content .tab-pane .columns .column > .box .box .pic {
  height: 250px;
}

.max-lg-size .apparatus .content .tab-pane .columns .column > .box .box .pic {
  height: 165px;
}

.max-md-size .apparatus .content .tab-pane .columns .column > .box .box .pic {
  height: 230px;
}

.max-sm-size .apparatus .content .tab-pane .columns .column > .box .box .pic {
  height: 280px;
}

.max-xs-size .apparatus .content .tab-pane .columns .column > .box .box .pic {
  height: 195px;
}

.apparatus .content .tab-pane .columns .column > .box .box h4 {
  font-size: 20px;
  padding: 37px 0;
}

[data-id="oem"] .content article .btn {
  display: block;
  border: solid 1px #e50032;
  border-radius: 25px;
  color: #e50032;
  width: 200px;
  height: 50px;
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 48px;
  padding: 0 15px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

[data-id="oem"] .content article .btn:hover {
  color: #FFF;
  background: #e50032;
  -webkit-transform: scale(1.15) translate(0, 0);
  -moz-transform: scale(1.15) translate(0, 0);
  -ms-transform: scale(1.15) translate(0, 0);
  -o-transform: scale(1.15) translate(0, 0);
  transform: scale(1.15) translate(0, 0);
}

[data-id="oem"].oem .content {
  background-color: #fafafa;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(odd) .left {
  width: 53%;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(odd) .right {
  width: 47%;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(even) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 0;
  padding-top: 95px;
  padding-bottom: 75px;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(even) .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #e4f1c6;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(even) .container {
  position: relative;
  float: left;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

[data-id="oem"].oem .content .bottom article:nth-of-type(even) .container .group {
  float: left;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(even) .container .group .left {
  width: 40%;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(even) .container .group .right {
  width: 60%;
  padding-right: 90px;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(even) .container .group .right .btn {
  margin-top: 120px;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(1) {
  padding-top: 0;
  min-height: 600px;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(1) .group .left {
  position: relative;
  padding-top: 45px;
  padding-bottom: 50px;
  background: #f0f0f0;
  z-index: 1;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(1) .group .left a {
  margin-top: 80px;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(1) .group .right .pic {
  overflow: hidden;
  margin-left: -55px;
  width: calc(50vw + 55px);
}

[data-id="oem"].oem .content .bottom article:nth-of-type(1) .group .right .pic img {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  float: right;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(2) .group .left .pic {
  padding-top: 80px;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(3) .group {
  float: left;
  padding-top: 100px;
  padding-bottom: 120px;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(3) .group .right {
  padding-top: 56px;
  padding-right: 90px;
}

[data-id="oem"].oem .content .bottom article:nth-of-type(3) .group .right .pic {
  width: 100%;
  float: right;
}

.max-hd-size [data-id="oem"].oem .content .bottom article:nth-of-type(odd) .group .left .btn,
.max-hd-size [data-id="oem"].oem .content .bottom article:nth-of-type(odd) .group .right .btn, .max-hd-size [data-id="oem"].oem .content .bottom article:nth-of-type(even) .group .left .btn,
.max-hd-size [data-id="oem"].oem .content .bottom article:nth-of-type(even) .group .right .btn {
  margin-top: 50px;
}

.max-lg-size [data-id="oem"].oem .content .bottom article:nth-of-type(2) .group .left,
.max-lg-size [data-id="oem"].oem .content .bottom article:nth-of-type(2) .group .right, .max-lg-size [data-id="oem"].oem .content .bottom article:nth-of-type(3) .group .left,
.max-lg-size [data-id="oem"].oem .content .bottom article:nth-of-type(3) .group .right, .max-lg-size [data-id="oem"].oem .content .bottom article:nth-of-type(4) .group .left,
.max-lg-size [data-id="oem"].oem .content .bottom article:nth-of-type(4) .group .right {
  width: 50%;
}

.max-lg-size [data-id="oem"].oem .content .bottom article:nth-of-type(2) .group .right .pic {
  left: -45px;
  width: calc(50vw + 45px);
}

.int-md-size [data-id="oem"].oem .content .bottom article:nth-of-type(1) {
  min-height: 500px;
}

.int-md-size [data-id="oem"].oem .content .bottom article:nth-of-type(1) .right {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.max-md-size [data-id="oem"].oem .content .bottom article:nth-of-type(even) {
  padding-top: 50px;
  padding-bottom: 50px;
}

.max-md-size [data-id="oem"].oem .content .bottom article:nth-of-type(even) .group .left .btn,
.max-md-size [data-id="oem"].oem .content .bottom article:nth-of-type(even) .group .right .btn {
  margin-left: auto;
}

.max-md-size [data-id="oem"].oem .content .bottom article:nth-of-type(even) .group .right {
  padding: 0 90px;
}

.max-md-size [data-id="oem"].oem .content .bottom article:nth-of-type(1) {
  padding-top: 63px;
  padding-bottom: 10px;
}

.max-md-size [data-id="oem"].oem .content .bottom article:nth-of-type(1) {
  padding-top: 0;
}

.max-md-size [data-id="oem"].oem .content .bottom article:nth-of-type(1) .group .right {
  margin-top: 0;
}

.max-md-size [data-id="oem"].oem .content .bottom article:nth-of-type(1) .group .right .pic {
  position: relative;
  margin-left: 0;
  width: 100%;
}

.max-md-size [data-id="oem"].oem .content .bottom article:nth-of-type(2) .group .left .pic {
  padding-top: 0;
}

.max-md-size [data-id="oem"].oem .content .bottom article:nth-of-type(3) .group {
  padding-top: 50px;
  padding-bottom: 50px;
}

.max-md-size [data-id="oem"].oem .content .bottom article:nth-of-type(3) .group .right {
  padding-top: 0;
  padding-right: 0;
}

.max-md-size [data-id="oem"].oem .content .bottom article:nth-of-type(3) .group .right .pic {
  float: none;
}

.max-sm-size [data-id="oem"].oem .content .bottom article:nth-of-type(odd) .group .left {
  padding-left: 30px;
  padding-right: 30px;
}

.max-sm-size [data-id="oem"].oem .content .bottom article:nth-of-type(even) .group .right {
  padding-left: 30px;
  padding-right: 30px;
}

.max-sm-size [data-id="oem"].oem .content .bottom article:nth-of-type(1), .max-sm-size [data-id="oem"].oem .content .bottom article:nth-of-type(2), .max-sm-size [data-id="oem"].oem .content .bottom article:nth-of-type(3) {
  padding-top: 0;
  padding-bottom: 0;
}

.max-sm-size [data-id="oem"].oem .content .bottom article:nth-of-type(1) .group .right .pic img, .max-sm-size [data-id="oem"].oem .content .bottom article:nth-of-type(2) .group .right .pic img, .max-sm-size [data-id="oem"].oem .content .bottom article:nth-of-type(3) .group .right .pic img {
  max-width: 100%;
}

.max-sm-size [data-id="oem"].oem .content .bottom article:nth-of-type(1) .group {
  float: none;
}

.max-sm-size [data-id="oem"].oem .content .bottom article:nth-of-type(1) .group h3 {
  text-align: center;
}

.max-sm-size [data-id="oem"].oem .content .bottom article:nth-of-type(2) .group {
  padding-top: 50px;
  padding-bottom: 50px;
}

.max-sm-size [data-id="oem"].oem .content .bottom article:nth-of-type(3) .group {
  padding-bottom: 0;
}

.max-xs-size [data-id="oem"].oem .content .bottom article:nth-of-type(odd) .group .left .btn,
.max-xs-size [data-id="oem"].oem .content .bottom article:nth-of-type(odd) .group .right .btn, .max-xs-size [data-id="oem"].oem .content .bottom article:nth-of-type(even) .group .left .btn,
.max-xs-size [data-id="oem"].oem .content .bottom article:nth-of-type(even) .group .right .btn {
  margin-top: 30px;
}

.max-xs-size [data-id="oem"].oem .content .bottom article:nth-of-type(even) .group .left {
  padding-left: 15px;
  padding-right: 15px;
}

.max-xs-size [data-id="oem"].oem .content .bottom article:nth-of-type(odd) .group .right {
  padding-left: 15px;
  padding-right: 15px;
}

[data-id="oem"].oem .content .top article:nth-of-type(1) {
  padding-top: 63px;
  padding-bottom: 10px;
}

.max-md-size [data-id="oem"].oem .content .top article:nth-of-type(1) {
  padding-left: 15px;
  padding-right: 15px;
}

[data-id="oem"].oem .content article .group .btn {
  margin-left: 0;
}

.max-md-size [data-id="oem"].oem .content article .container {
  float: left;
  width: 100%;
}

.max-md-size [data-id="oem"].oem .content article .group .left h4,
.max-md-size [data-id="oem"].oem .content article .group .right h4 {
  text-align: center;
}

.max-md-size [data-id="oem"].oem .content article .group .left .pic img,
.max-md-size [data-id="oem"].oem .content article .group .right .pic img {
  display: block;
  margin: 0 auto;
}

.max-md-size [data-id="oem"].oem .content article .group .left .bnt,
.max-md-size [data-id="oem"].oem .content article .group .right .bnt {
  margin-left: auto;
}

.max-sm-size [data-id="oem"].oem .content article:nth-of-type(1) {
  padding-top: 50px;
  padding-bottom: 0;
}

.max-sm-size [data-id="oem"].oem .content article:nth-of-type(1) .group {
  float: none;
}

.max-sm-size [data-id="oem"].oem .content article:nth-of-type(1) .group h3 {
  text-align: center;
}

[data-id="oem"].manufactured .content #tab1 {
  background: #fafafa;
  padding-bottom: 60px;
}

[data-id="oem"].manufactured .content #tab1 article {
  padding-bottom: 50px;
}

[data-id="oem"].manufactured .content #tab1 article:nth-child(2) {
  padding-top: 0;
}

[data-id="oem"].manufactured .content #tab1 article .group + .group {
  margin-top: 50px;
}

[data-id="oem"].manufactured .content #tab1 article .group {
  padding: 0 90px;
}

[data-id="oem"].manufactured .content #tab1 article .group .left h4,
[data-id="oem"].manufactured .content #tab1 article .group .right h4 {
  margin-bottom: 20px;
}

[data-id="oem"].manufactured .content #tab1 article .group .left p + h4,
[data-id="oem"].manufactured .content #tab1 article .group .right p + h4 {
  margin-top: 28px;
}

[data-id="oem"].manufactured .content #tab1 article .group .left {
  padding-left: .5rem;
  padding-right: 70px;
}

[data-id="oem"].manufactured .content #tab1 article .group .right {
  padding-left: 55px;
}

[data-id="oem"].manufactured .content #tab1 article .group .between-xs h5 {
  margin-top: 14px;
  margin-bottom: 14px;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.5px;
}

[data-id="oem"].manufactured .content #tab1 article.title {
  padding-bottom: 0;
}

[data-id="oem"].manufactured .content #tab1 article.icon-area .group .left {
  padding-right: 50px;
}

[data-id="oem"].manufactured .content #tab1 article.icon-area .group .right {
  padding-left: 50px;
}

[data-id="oem"].manufactured .content #tab1 article:last-of-type .group .left {
  padding-right: .5rem;
}

[data-id="oem"].manufactured .content #tab1 article:last-of-type .group .right {
  padding-left: .5rem;
}

[data-id="oem"].manufactured .content #tab1 .container-fluid {
  position: relative;
}

[data-id="oem"].manufactured .content #tab1 .container-fluid > .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #FFF;
}

[data-id="oem"].manufactured .content #tab1 .container-fluid .container {
  position: relative;
}

[data-id="oem"].manufactured .content #tab1 .container-fluid .container .group {
  padding-top: 85px;
  padding-bottom: 85px;
}

[data-id="oem"].manufactured .content #tab1 .container-fluid .container .group .left h5,
[data-id="oem"].manufactured .content #tab1 .container-fluid .container .group .right h5 {
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 25px;
}

[data-id="oem"].manufactured .content #tab1 .container-fluid .container .group .left .column,
[data-id="oem"].manufactured .content #tab1 .container-fluid .container .group .right .column {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}

[data-id="oem"].manufactured .content #tab1 .container-fluid .container .group .left h5 {
  color: #FF7A07;
}

[data-id="oem"].manufactured .content #tab1 .container-fluid .container .group .right h5 {
  color: #e50032;
}

.max-hd-size [data-id="oem"].manufactured .content #tab1 {
  padding-bottom: 0;
}

.max-lg-size [data-id="oem"].manufactured .content #tab1 article .group {
  padding: 0 40px;
}

.max-md-size [data-id="oem"].manufactured .content #tab1 article .container .group .left {
  padding-right: 0;
}

.max-md-size [data-id="oem"].manufactured .content #tab1 article .container .group .right {
  padding-left: 0;
}

.max-md-size [data-id="oem"].manufactured .content #tab1 article .container .group .pic img {
  margin: 0 auto;
  display: block;
}

.max-md-size [data-id="oem"].manufactured .content #tab1 article .container-fluid .container .group {
  padding: 50px 20px;
}

.max-md-size [data-id="oem"].manufactured .content #tab1 article .container-fluid .container .group .left,
.max-md-size [data-id="oem"].manufactured .content #tab1 article .container-fluid .container .group .right {
  padding: 0;
}

.max-md-size [data-id="oem"].manufactured .content #tab1 article.icon-area .group .left + .right {
  margin-top: 50px;
}

.max-md-size [data-id="oem"].manufactured .content #tab1 article.icon-area .group .left .column .pic img,
.max-md-size [data-id="oem"].manufactured .content #tab1 article.icon-area .group .right .column .pic img {
  display: block;
  margin: 0 auto;
}

.max-md-size [data-id="oem"].manufactured .content #tab1 article:last-of-type .group .left .pic img {
  width: 100%;
}

.max-xs-size [data-id="oem"].manufactured .content #tab1 article .group {
  padding-left: 15px;
  padding-right: 15px;
}

.max-xs-size [data-id="oem"].manufactured .content #tab1 article.icon-area .group {
  padding-top: 50px;
  padding-bottom: 50px;
}

.max-xs-size [data-id="oem"].manufactured .content #tab1 article.icon-area .group .left .row,
.max-xs-size [data-id="oem"].manufactured .content #tab1 article.icon-area .group .right .row {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.max-xs-size [data-id="oem"].manufactured .content #tab1 article.icon-area .group .left .row .column,
.max-xs-size [data-id="oem"].manufactured .content #tab1 article.icon-area .group .right .row .column {
  -ms-flex-preferred-size: 33.33333333%;
  -webkit-flex-basis: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
  margin-bottom: 20px;
}

.max-xs-size [data-id="oem"].manufactured .content #tab1 article:last-of-type .group .between-xs .col-xs-6 {
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

[data-id="oem"].manufactured .content #tab2 {
  padding-bottom: 60px;
}

[data-id="oem"].manufactured .content #tab2 .article {
  padding-left: 90px;
  padding-right: 90px;
  padding-bottom: 60px;
}

[data-id="oem"].manufactured .content #tab2 .article > p {
  letter-spacing: 1px;
  line-height: 30px;
}

[data-id="oem"].manufactured .content #tab2 .article .columns {
  position: relative;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-left: 50px;
  padding-right: 95px;
  padding-top: 30px;
}

[data-id="oem"].manufactured .content #tab2 .article .columns .title h4 {
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  color: #e50032;
}

[data-id="oem"].manufactured .content #tab2 .article .columns .row {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

[data-id="oem"].manufactured .content #tab2 .article .columns .row .column {
  position: relative;
}

[data-id="oem"].manufactured .content #tab2 .article .columns .row .column .box {
  height: 100%;
  border: solid 1px #e50032;
}

[data-id="oem"].manufactured .content #tab2 .article .columns .row .column .box .row {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

[data-id="oem"].manufactured .content #tab2 .article .columns .row .column .box .row .box-nested {
  padding: 15px 50px 35px 50px;
}

[data-id="oem"].manufactured .content #tab2 .article .columns .row .column .box .row .box-nested h5,
[data-id="oem"].manufactured .content #tab2 .article .columns .row .column .box .row .box-nested p {
  color: #e50032;
}

[data-id="oem"].manufactured .content #tab2 .article .columns .row .column .box .row .box-nested h5 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 15px;
}

[data-id="oem"].manufactured .content #tab2 .article .columns .row .column .box .row .box-nested p {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 25px;
}

.max-hd-size [data-id="oem"].manufactured .content #tab2 .article .columns {
  padding-left: 30px;
  padding-right: 30px;
}

.max-hd-size [data-id="oem"].manufactured .content #tab2 .article .columns .column .box .row .box-nested {
  padding: 15px 40px;
}

.max-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column .box .row .box-nested {
  padding: 15px 50px;
}

.min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .title {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(1) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(2) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(3) {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(4) {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(5) {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(6) {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(7) {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(8) {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 161px;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 0;
}

.min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(1), .min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(2), .min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(3), .min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(4) {
  margin-bottom: 150px;
}

.min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(1):before, .min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(2):before, .min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(3):before, .min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(4):before {
  background: url("images/manufactured/arrow-right.png") no-repeat 50% 50%;
  background-size: 75px;
}

.min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(5):before, .min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(6):before, .min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(7):before, .min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(8):before {
  background: url("images/manufactured/arrow-left.png") no-repeat 50% 50%;
  background-size: 75px;
}

.min-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(4):after {
  content: "";
  background: url("images/manufactured/arrow2.png") no-repeat 50% 50%;
  background-size: 55px;
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 500px;
  top: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 97%;
}

.int-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .title {
  top: 53%;
}

.int-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(1), .int-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(2), .int-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(3), .int-lg-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(4) {
  margin-bottom: 150px;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article {
  padding-left: 15px;
  padding-right: 15px;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns {
  padding-left: 40px;
  padding-right: 40px;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .title {
  top: 27%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(1) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(2) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(3) {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(4) {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(5) {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(6) {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(7) {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(8) {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 161px;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 0;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(1):before, .int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(2):before, .int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(3):before, .int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(7):before, .int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(8):before {
  background: url("images/manufactured/arrow-right.png") no-repeat 50% 50%;
  background-size: 75px;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(4), .int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(5), .int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(6) {
  margin-top: 175px;
  margin-bottom: 160px;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(4):before, .int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(5):before, .int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(6):before {
  background: url("images/manufactured/arrow-left.png") no-repeat 50% 50%;
  background-size: 75px;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(3):after {
  content: "";
  background: url("images/manufactured/arrow2.png") no-repeat 50% 50%;
  background-size: 55px;
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 400px;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 97%;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(6):after {
  content: "";
  background: url("images/manufactured/arrow.png") no-repeat 50% 50%;
  background-size: 55px;
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 400px;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 3%;
}

.int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(6):before, .int-md-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(7):before {
  display: none;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article {
  padding-left: 15px;
  padding-right: 15px;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns {
  padding-left: 40px;
  padding-right: 40px;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .title {
  top: 17%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column .box .row .box-nested {
  padding: 15px 40px;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(1) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(2) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(3) {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(4) {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(5) {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(6) {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(7) {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(8) {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 161px;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 0;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(1):before, .int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(2):before, .int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(5):before, .int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(6):before {
  background: url("images/manufactured/arrow-right.png") no-repeat 50% 50%;
  background-size: 75px;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(3), .int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(4), .int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(7), .int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(8) {
  margin-top: 165px;
  margin-bottom: 165px;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(3):before, .int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(4):before, .int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(7):before, .int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(8):before {
  background: url("images/manufactured/arrow-left.png") no-repeat 50% 50%;
  background-size: 75px;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(2):after, .int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(6):after {
  content: "";
  background: url("images/manufactured/arrow2.png") no-repeat 50% 50%;
  background-size: 55px;
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 400px;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 97%;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(4):after {
  content: "";
  background: url("images/manufactured/arrow.png") no-repeat 50% 50%;
  background-size: 55px;
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 400px;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 3%;
}

.int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(4):before, .int-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:nth-of-type(5):before {
  display: none;
}

.min-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .title {
  position: absolute;
}

.max-sm-size [data-id="oem"].manufactured .content #tab2 .article {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0;
}

.max-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 50px;
}

.max-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .title {
  position: relative;
  padding-bottom: 50px;
}

.max-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column {
  margin-bottom: 30px;
}

.max-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column .box .row .box-nested {
  padding: 25px 30px;
}

.max-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:before, .max-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:last-of-type:after {
  content: "";
  background: url("images/manufactured/arrow-down.png") no-repeat 50% 50%;
  background-size: 18px;
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 75px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: -10px;
  left: 50%;
}

.max-sm-size [data-id="oem"].manufactured .content #tab2 .article .columns .column:last-of-type:after {
  top: calc(100% + 15px);
}

[data-id="oem"].manufactured .content #tab3 {
  padding-bottom: 30px;
}

[data-id="oem"].manufactured .content #tab3 article {
  padding-left: 90px;
  padding-right: 90px;
}

[data-id="oem"].manufactured .content #tab3 article.title {
  padding-left: 0;
  padding-right: 0;
}

[data-id="oem"].manufactured .content #tab3 article h4 {
  font-size: 24px;
  margin-bottom: 37px;
}

[data-id="oem"].manufactured .content #tab3 article .table-responsive {
  margin-bottom: 90px;
}

[data-id="oem"].manufactured .content #tab3 article .table-responsive .table1 tbody tr:nth-of-type(odd) td {
  background: #eee;
}

[data-id="oem"].manufactured .content #tab3 article .table-responsive .table1 tbody tr:nth-of-type(even) td {
  background: #f6f6f6;
}

[data-id="oem"].manufactured .content #tab3 article .table-responsive .table2 thead tr th {
  width: 33.33333%;
}

[data-id="oem"].manufactured .content #tab3 article .table-responsive .table2 tbody tr:nth-child(4n+1), [data-id="oem"].manufactured .content #tab3 article .table-responsive .table2 tbody tr:nth-child(4n+2),
[data-id="oem"].manufactured .content #tab3 article .table-responsive .table2 tbody tr:nth-child(4n+1) td[rowspan] {
  background-color: #eee;
}

[data-id="oem"].manufactured .content #tab3 article .table-responsive .table2 tbody tr:nth-child(4n+3), [data-id="oem"].manufactured .content #tab3 article .table-responsive .table2 tbody tr:nth-child(4n+4),
[data-id="oem"].manufactured .content #tab3 article .table-responsive .table2 tbody tr:nth-child(4n+3) td[rowspan] {
  background-color: #f6f6f6;
}

.max-hd-size [data-id="oem"].manufactured .content #tab3 article .table-responsive .table2 thead tr th {
  width: auto;
}

.max-lg-size [data-id="oem"].manufactured .content #tab3 article {
  padding-left: 30px;
  padding-right: 30px;
}

.max-lg-size [data-id="oem"].manufactured .content #tab3 article.title h3 {
  padding-left: 0;
}

.max-md-size [data-id="oem"].manufactured .content #tab3 article .table tr td {
  white-space: nowrap;
}

.max-sm-size [data-id="oem"].manufactured .content #tab3 article {
  padding-left: 15px;
  padding-right: 15px;
}

[data-id="oem"].fermentation .content article {
  padding-left: 90px;
  padding-right: 90px;
}

[data-id="oem"].fermentation .content article h4, [data-id="oem"].fermentation .content article p {
  letter-spacing: 2px;
}

[data-id="oem"].fermentation .content article h4 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 30px;
  font-weight: bold;
}

[data-id="oem"].fermentation .content article p {
  font-size: 16px;
  line-height: 35px;
}

[data-id="oem"].fermentation .content article.title {
  padding-left: 0;
  padding-right: 0;
}

[data-id="oem"].fermentation .content .top {
  background: #fafafa;
}

[data-id="oem"].fermentation .content .top article .row {
  padding-top: 10px;
  padding-bottom: 90px;
  margin-left: -50px;
  margin-right: -50px;
}

[data-id="oem"].fermentation .content .top article .row .column {
  padding-top: 25px;
  padding-left: 50px;
  padding-right: 50px;
}

[data-id="oem"].fermentation .content .top article .row .column .box {
  display: block;
  height: 100%;
  padding: 25px 70px 35px 70px;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -ms-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}

[data-id="oem"].fermentation .content .top article .row .column .box h4, [data-id="oem"].fermentation .content .top article .row .column .box p, [data-id="oem"].fermentation .content .top article .row .column .box .btn2 {
  color: #FFF;
}

[data-id="oem"].fermentation .content .top article .row .column .box img {
  height: 135px;
  margin-bottom: 25px;
}

[data-id="oem"].fermentation .content .top article .row .column .box .btn2 {
  position: relative;
  margin-top: 30px;
  display: block;
  line-height: 20px;
}

[data-id="oem"].fermentation .content .top article .row .column .box .btn2:after {
  content: "\e90f";
  font-family: "icomoon";
  font-size: 20px;
  line-height: 20px;
  position: relative;
  display: inline-block;
  right: -4px;
  top: 3px;
}

[data-id="oem"].fermentation .content .top article .row .column:nth-of-type(1) .box {
  background: #E3002E;
}

[data-id="oem"].fermentation .content .top article .row .column:nth-of-type(2) .box {
  background: #F18D05;
}

[data-id="oem"].fermentation .content .top article .row .column:nth-of-type(3) .box {
  background: #2D97D7;
}

[data-id="oem"].fermentation .content .top article .row .column:hover .box {
  -webkit-box-shadow: 2px 5px 10px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 5px 10px 5px rgba(0, 0, 0, 0.15);
}

[data-id="oem"].fermentation .content .bottom {
  background: #f0f0f0;
  padding-top: 40px;
  padding-bottom: 125px;
}

[data-id="oem"].fermentation .content .bottom .column {
  position: relative;
}

[data-id="oem"].fermentation .content .bottom .column.left {
  padding-bottom: 60px;
  padding-right: 45px;
}

[data-id="oem"].fermentation .content .bottom .column.left p {
  letter-spacing: 1.5px;
}

[data-id="oem"].fermentation .content .bottom .column .btn {
  position: absolute;
  bottom: 0;
}

.max-hd-size [data-id="oem"].fermentation .content .top article .row {
  margin-left: -25px;
  margin-right: -25px;
}

.max-hd-size [data-id="oem"].fermentation .content .top article .row .column {
  padding-left: 25px;
  padding-right: 25px;
}

.max-lg-size [data-id="oem"].fermentation .content .title h3 {
  padding-left: 0;
}

.max-lg-size [data-id="oem"].fermentation .content article {
  padding-left: 15px;
  padding-right: 15px;
}

.max-lg-size [data-id="oem"].fermentation .content .top article .row {
  margin-left: -10px;
  margin-right: -10px;
}

.max-lg-size [data-id="oem"].fermentation .content .top article .row .column {
  padding-left: 10px;
  padding-right: 10px;
}

.max-lg-size [data-id="oem"].fermentation .content .top article .row .column .box {
  padding: 25px 40px 35px 40px;
}

.max-md-size [data-id="oem"].fermentation .content .top article .row .column .box {
  position: relative;
  padding: 25px;
  padding-bottom: 80px;
}

.max-md-size [data-id="oem"].fermentation .content .top article .row .column .box .btn2 {
  position: absolute;
  display: block;
  margin-top: 30px;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.max-md-size [data-id="oem"].fermentation .content .bottom article .column {
  padding-right: .5rem;
}

.max-md-size [data-id="oem"].fermentation .content .bottom article .column .right .pic img {
  display: block;
  margin: 0 auto;
}

.max-md-size [data-id="oem"].fermentation .content .bottom article .column .btn {
  position: relative;
  margin-top: 30px;
}

.max-sm-size [data-id="oem"].fermentation .content .rwdBr {
  display: none;
}

.max-sm-size [data-id="oem"].fermentation .content article:nth-of-type(1) {
  padding-top: 40px;
}

.max-sm-size [data-id="oem"].fermentation .content .top article {
  padding-bottom: 40px;
}

.max-sm-size [data-id="oem"].fermentation .content .top article .row {
  padding-bottom: 0;
}

.max-sm-size [data-id="oem"].fermentation .content .bottom {
  padding-top: 0;
  padding-bottom: 0;
}

.max-sm-size [data-id="oem"].fermentation .content .bottom article {
  padding-bottom: 40px;
}

[data-id="oem"] .contact-article article {
  position: relative;
  padding-top: 70px;
  padding-bottom: 70px;
}

[data-id="oem"] .contact-article article .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #ffffff;
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 50%, #f5f5f5 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 50%, #f5f5f5 100%);
  background: -webkit-radial-gradient(center, ellipse, #ffffff 0%, #ffffff 50%, #f5f5f5 100%);
  background: -o-radial-gradient(center, ellipse, #ffffff 0%, #ffffff 50%, #f5f5f5 100%);
  background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 50%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=1 );
}

[data-id="oem"] .contact-article article .container {
  position: relative;
}

[data-id="oem"] .contact-article article .container .group {
  width: 100%;
}

[data-id="oem"] .contact-article article .container .group .left {
  float: none;
  width: 100%;
}

[data-id="oem"] .contact-article article .container .group .left p {
  font-size: 18px;
  text-align: center;
  color: #e50032;
}

[data-id="oem"] .contact-article article .container .group .left .btn {
  display: block;
  border: solid 1px #e50032;
  border-radius: 25px;
  color: #FFF;
  background: #e50032;
  width: 200px;
  height: 50px;
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 48px;
  padding: 0 15px;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

[data-id="oem"] .contact-article article .container .group .left .btn:hover {
  background: #FFF;
  color: #e50032;
  -webkit-transform: scale(1.15) translate(0, 0);
  -moz-transform: scale(1.15) translate(0, 0);
  -ms-transform: scale(1.15) translate(0, 0);
  -o-transform: scale(1.15) translate(0, 0);
  transform: scale(1.15) translate(0, 0);
}

.max-md-size [data-id="oem"] .contact-article article .group .left {
  padding: 0 30px;
}

.max-md-size [data-id="oem"] .contact-article article .group .left .btn {
  margin-top: 30px;
}

.max-xs-size [data-id="oem"] .contact-article article .group .left {
  padding: 0 15px;
}

/* ==========================================================================
	投資人專區 governance
 ========================================================================== */
[data-id="investors"].shareholder .content .tab-content .tab-pane#tab2, [data-id="investors"].report .content .tab-content .tab-pane#tab2,
[data-id="csr"].shareholder .content .tab-content .tab-pane#tab2,
[data-id="csr"].report .content .tab-content .tab-pane#tab2 {
  padding-bottom: 88px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab2 .article, [data-id="investors"].report .content .tab-content .tab-pane#tab2 .article,
[data-id="csr"].shareholder .content .tab-content .tab-pane#tab2 .article,
[data-id="csr"].report .content .tab-content .tab-pane#tab2 .article {
  margin-top: -110px;
  padding-bottom: 60px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list, [data-id="investors"].report .content .tab-content .tab-pane#tab2 .article .row .list,
[data-id="csr"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list,
[data-id="csr"].report .content .tab-content .tab-pane#tab2 .article .row .list {
  margin-top: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list .box, [data-id="investors"].report .content .tab-content .tab-pane#tab2 .article .row .list .box,
[data-id="csr"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list .box,
[data-id="csr"].report .content .tab-content .tab-pane#tab2 .article .row .list .box {
  display: block;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list .box span, [data-id="investors"].report .content .tab-content .tab-pane#tab2 .article .row .list .box span,
[data-id="csr"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list .box span,
[data-id="csr"].report .content .tab-content .tab-pane#tab2 .article .row .list .box span {
  display: block;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list .box .pic, [data-id="investors"].report .content .tab-content .tab-pane#tab2 .article .row .list .box .pic,
[data-id="csr"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list .box .pic,
[data-id="csr"].report .content .tab-content .tab-pane#tab2 .article .row .list .box .pic {
  position: relative;
  float: left;
  border: solid 1px #eee;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .mask, [data-id="investors"].report .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .mask,
[data-id="csr"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .mask,
[data-id="csr"].report .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(230, 0, 51, 0);
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .mask i, [data-id="investors"].report .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .mask i,
[data-id="csr"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .mask i,
[data-id="csr"].report .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .mask i {
  position: relative;
  display: block;
  float: left;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  color: #FFF;
  font-size: 50px;
  color: #e60033;
  background: #FFF;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  text-align: center;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .info, [data-id="investors"].report .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .info,
[data-id="csr"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .info,
[data-id="csr"].report .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .info {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 100%;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .info span, [data-id="investors"].report .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .info span,
[data-id="csr"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .info span,
[data-id="csr"].report .content .tab-content .tab-pane#tab2 .article .row .list .box .pic .info span {
  display: block;
  background: #FFF;
  border: solid 2px #dedede;
  border-radius: 30px;
  padding: 12px 40px;
  font-size: 18px;
  letter-spacing: 1px;
  white-space: nowrap;
  -webkit-transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list:hover .box .pic .mask, [data-id="investors"].report .content .tab-content .tab-pane#tab2 .article .row .list:hover .box .pic .mask,
[data-id="csr"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list:hover .box .pic .mask,
[data-id="csr"].report .content .tab-content .tab-pane#tab2 .article .row .list:hover .box .pic .mask {
  background: rgba(230, 0, 51, 0.9);
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list:hover .box .pic .mask i, [data-id="investors"].report .content .tab-content .tab-pane#tab2 .article .row .list:hover .box .pic .mask i,
[data-id="csr"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list:hover .box .pic .mask i,
[data-id="csr"].report .content .tab-content .tab-pane#tab2 .article .row .list:hover .box .pic .mask i {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list:hover .box .pic .info span, [data-id="investors"].report .content .tab-content .tab-pane#tab2 .article .row .list:hover .box .pic .info span,
[data-id="csr"].shareholder .content .tab-content .tab-pane#tab2 .article .row .list:hover .box .pic .info span,
[data-id="csr"].report .content .tab-content .tab-pane#tab2 .article .row .list:hover .box .pic .info span {
  border-color: #e60033;
  color: #e60033;
}

[data-id="investors"].shareholder .modal .modal-body .table thead tr th, [data-id="investors"].report .modal .modal-body .table thead tr th,
[data-id="csr"].shareholder .modal .modal-body .table thead tr th,
[data-id="csr"].report .modal .modal-body .table thead tr th {
  text-align: center;
}

[data-id="investors"].shareholder .modal .modal-body .table thead tr th:first-child, [data-id="investors"].report .modal .modal-body .table thead tr th:first-child,
[data-id="csr"].shareholder .modal .modal-body .table thead tr th:first-child,
[data-id="csr"].report .modal .modal-body .table thead tr th:first-child {
  text-align: left;
  width: 75%;
}

[data-id="investors"].shareholder .modal .modal-body .table tbody tr td, [data-id="investors"].report .modal .modal-body .table tbody tr td,
[data-id="csr"].shareholder .modal .modal-body .table tbody tr td,
[data-id="csr"].report .modal .modal-body .table tbody tr td {
  vertical-align: middle;
}

[data-id="investors"].shareholder .modal .modal-body .table tbody tr td label, [data-id="investors"].report .modal .modal-body .table tbody tr td label,
[data-id="csr"].shareholder .modal .modal-body .table tbody tr td label,
[data-id="csr"].report .modal .modal-body .table tbody tr td label {
  text-align: center;
}

[data-id="investors"] .links .container .stock label, [data-id="investors"] .links .container .stock span {
  color: #e50032;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
  padding: 23px 0;
}

.max-md-size [data-id="investors"] .links .container .stock {
  float: none !important;
}

.max-md-size [data-id="investors"] .links .container .stock label, .max-md-size [data-id="investors"] .links .container .stock span {
  padding: 15px;
}

[data-id="investors"] .content .tab-content .tab-pane h3 {
  padding-left: 35px;
  padding-right: 35px;
  font-size: 30px;
}

[data-id="investors"] .content .tab-content .tab-pane h4 {
  font-size: 18px;
}

[data-id="investors"] .content .tab-content .tab-pane img {
  max-width: 100%;
}

[data-id="investors"] .content .tab-content .tab-pane#tab9 h4 {
  font-size: 24px;
}

.max-md-size [data-id="investors"] .content .tab-content .tab-pane h3 {
  padding-left: 0;
  padding-right: 0;
}

[data-id="investors"].governance .banner {
  margin-bottom: 76px;
}

[data-id="investors"].governance .content {
  background: #fbfbfa;
}

[data-id="investors"].governance .content .tab-content .tab-pane {
  margin-top: 55px;
  margin-bottom: 90px;
}

[data-id="investors"].governance .content .tab-content .tab-pane > h3 {
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 23px;
  letter-spacing: 3px;
}

[data-id="investors"].governance .content .tab-content .tab-pane .article {
  padding: 0 70px;
}

[data-id="investors"].governance .content .tab-content .tab-pane .article .table {
  margin-top: 14px;
}

[data-id="investors"].governance .content .tab-content .tab-pane .article .table h5 {
  font-size: 18px;
}

[data-id="investors"].governance .content .tab-content .tab-pane .article td, [data-id="investors"].governance .content .tab-content .tab-pane .article p, [data-id="investors"].governance .content .tab-content .tab-pane .article span, [data-id="investors"].governance .content .tab-content .tab-pane .article label, [data-id="investors"].governance .content .tab-content .tab-pane .article li, [data-id="investors"].governance .content .tab-content .tab-pane .article a {
  line-height: 30px;
  letter-spacing: 1.5px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .table thead tr th, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .table thead tr th, [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .table thead tr th, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .table thead tr th, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .table thead tr th, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .table thead tr th, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .table thead tr th, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .table thead tr th, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .table thead tr th, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .table thead tr th {
  white-space: nowrap;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 h3, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 h3, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 h3, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 h3, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 h3, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 h3, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 h3, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 h3, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 h3, [data-id="investors"].governance .content .tab-content .tab-pane#tab11 h3, [data-id="investors"].governance .content .tab-content .tab-pane#tab12 h3, [data-id="investors"].governance .content .tab-content .tab-pane#tab13 h3, [data-id="investors"].governance .content .tab-content .tab-pane#tab14 h3 {
  margin-bottom: 38px;
}

.max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab1 h3, .max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab2 h3, .max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 h3, .max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab5 h3, .max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab6 h3, .max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab7 h3, .max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab8 h3, .max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab9 h3, .max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab10 h3, .max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab11 h3, .max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab12 h3, .max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab13 h3, .max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab14 h3 {
  margin-bottom: 25px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article table h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article table h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article table h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article table h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article table h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article table h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article table h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article table h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article table h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article table h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article table h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article table h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article table h4 {
  margin-bottom: 0;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article h4 {
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 1px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article h5 {
  font-size: 18px;
  letter-spacing: 1px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article h4 + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article h4 + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article h4 + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article h4 + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article h4 + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article h4 + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article h4 + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article h4 + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article h4 + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article h4 + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article h4 + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article h4 + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article h4 + h5 {
  margin-top: 30px;
  margin-bottom: 22px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article .table-responsive + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article .table-responsive + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .table-responsive + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article .table-responsive + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article .table-responsive + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article .table-responsive + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article .table-responsive + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article .table-responsive + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article .table-responsive + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article .table-responsive + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article .table-responsive + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article .table-responsive + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article .table-responsive + h4 {
  margin-top: 45px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article .table-responsive + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article .table-responsive + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .table-responsive + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article .table-responsive + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article .table-responsive + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article .table-responsive + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article .table-responsive + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article .table-responsive + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article .table-responsive + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article .table-responsive + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article .table-responsive + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article .table-responsive + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article .table-responsive + h5 {
  margin-top: 50px;
  margin-bottom: 22px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article p + img, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article p + img, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article p + img, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article p + img, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article p + img, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article p + img, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article p + img, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article p + img, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article p + img, [data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article p + img, [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article p + img, [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article p + img, [data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article p + img {
  margin-top: 20px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article p + h4,
[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article img + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article p + h4,
[data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article img + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article p + h4,
[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article img + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article p + h4,
[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article img + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article p + h4,
[data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article img + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article p + h4,
[data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article img + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article p + h4,
[data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article img + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article p + h4,
[data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article img + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article p + h4,
[data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article img + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article p + h4,
[data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article img + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article p + h4,
[data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article img + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article p + h4,
[data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article img + h4, [data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article p + h4,
[data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article img + h4 {
  margin-top: 80px;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article p + h4, .max-sm-size
[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article img + h4, .max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article p + h4, .max-sm-size
[data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article img + h4, .max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article p + h4, .max-sm-size
[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article img + h4, .max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article p + h4, .max-sm-size
[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article img + h4, .max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article p + h4, .max-sm-size
[data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article img + h4, .max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article p + h4, .max-sm-size
[data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article img + h4, .max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article p + h4, .max-sm-size
[data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article img + h4, .max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article p + h4, .max-sm-size
[data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article img + h4, .max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article p + h4, .max-sm-size
[data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article img + h4, .max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article p + h4, .max-sm-size
[data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article img + h4, .max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article p + h4, .max-sm-size
[data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article img + h4, .max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article p + h4, .max-sm-size
[data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article img + h4, .max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article p + h4, .max-sm-size
[data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article img + h4 {
  margin-top: 40px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article h5 + p,
[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article h5 + ul,
[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article h5 + ol, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article h5 + p,
[data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article h5 + ul,
[data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article h5 + ol, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article h5 + p,
[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article h5 + ul,
[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article h5 + ol, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article h5 + p,
[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article h5 + ul,
[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article h5 + ol, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article h5 + p,
[data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article h5 + ul,
[data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article h5 + ol, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article h5 + p,
[data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article h5 + ul,
[data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article h5 + ol, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article h5 + p,
[data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article h5 + ul,
[data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article h5 + ol, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article h5 + p,
[data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article h5 + ul,
[data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article h5 + ol, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article h5 + p,
[data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article h5 + ul,
[data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article h5 + ol, [data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article h5 + p,
[data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article h5 + ul,
[data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article h5 + ol, [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article h5 + p,
[data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article h5 + ul,
[data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article h5 + ol, [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article h5 + p,
[data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article h5 + ul,
[data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article h5 + ol, [data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article h5 + p,
[data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article h5 + ul,
[data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article h5 + ol {
  margin-bottom: 25px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article ul + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article ol + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article p + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article ul + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article ol + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article p + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article ul + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article ol + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article p + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article ul + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article ol + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article p + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article ul + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article ol + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article p + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article ul + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article ol + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article p + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article ul + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article ol + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article p + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article ul + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article ol + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article p + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article ul + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article ol + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article p + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article ul + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article ol + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article p + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article ul + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article ol + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article p + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article ul + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article ol + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article p + h5, [data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article ul + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article ol + h5,
[data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article p + h5 {
  margin-top: 45px;
  margin-bottom: 25px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article ul {
  margin-left: 20px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article > ul {
  margin-left: 40px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article td > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article td > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article td > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article td > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article td > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article td > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab8 .article td > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article td > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab10 .article td > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article td > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article td > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article td > ul, [data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article td > ul {
  margin-left: 0;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article ul {
  margin-left: 0;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .article ul + ul {
  margin-left: 20px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .table-bg > thead > tr > th:first-child,
[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .table-bg > thead > tr > td:first-child,
[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .table-bg > tbody > tr > th:first-child,
[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .table-bg > tbody > tr > td:first-child,
[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .table-model-1 > thead > tr > th:first-child,
[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .table-model-1 > thead > tr > td:first-child,
[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .table-model-1 > tbody > tr > th:first-child,
[data-id="investors"].governance .content .tab-content .tab-pane#tab1 .table-model-1 > tbody > tr > td:first-child {
  white-space: nowrap;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article table tbody tr td:nth-of-type(1), [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article table tbody tr td:nth-of-type(2), [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article table tbody tr td:nth-of-type(3), [data-id="investors"].governance .content .tab-content .tab-pane#tab2 .article table tbody tr td:nth-of-type(4) {
  white-space: nowrap;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article {
  padding: 0 50px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column {
  padding: 0 15px;
  margin-top: 29px;
  margin-bottom: 30px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column a[download]:after {
  content: '';
  display: none;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column .box {
  display: block;
  background: #FFF;
  border: solid 1px #e5e5e5;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column .box .pic {
  position: relative;
  height: 210px;
  width: 100%;
  overflow: hidden;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column .box .pic h4 {
  position: absolute;
  top: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 35px;
  color: #FFF;
  font-size: 24px;
  letter-spacing: 1.5px;
  -webkit-font-smoothing: auto;
  z-index: 2;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column .box .pic .mask {
  position: absolute;
  opacity: 0;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(left, rgba(235, 50, 34, 0.8) 0%, rgba(250, 85, 28, 0.8) 50%, rgba(254, 145, 20, 0.8) 100%);
  background: -webkit-linear-gradient(left, rgba(235, 50, 34, 0.8) 0%, rgba(250, 85, 28, 0.8) 50%, rgba(254, 145, 20, 0.8) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(235, 50, 34, 0.8)), color-stop(50%, rgba(250, 85, 28, 0.8)), to(rgba(254, 145, 20, 0.8)));
  background: -o-linear-gradient(left, rgba(235, 50, 34, 0.8) 0%, rgba(250, 85, 28, 0.8) 50%, rgba(254, 145, 20, 0.8) 100%);
  background: linear-gradient(to right, rgba(235, 50, 34, 0.8) 0%, rgba(250, 85, 28, 0.8) 50%, rgba(254, 145, 20, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb3222', endColorstr='#fe9114',GradientType=1 );
  z-index: 1;
  -webkit-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column .box .btn {
  position: relative;
  display: block;
  float: left;
  margin-left: 35px;
  margin-top: -43px;
  width: 120px;
  height: 120px;
  background: #f7f7f5;
  border: solid 1px #ebebeb;
  border-radius: 0;
  -webkit-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;
  z-index: 1;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column .box .btn .group {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column .box .btn .group i, [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column .box .btn .group span {
  display: block;
  text-align: center;
  color: #e50032;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column .box .btn .group i {
  content: "\e90d";
  font-size: 50px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column .box .btn .group span {
  padding-top: 14px;
  font-size: 16px;
  letter-spacing: 1.5px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column .box .bottom {
  position: relative;
  height: 122px;
  padding-left: 18px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column .box .bottom .txt {
  position: relative;
  float: left;
  padding-left: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column .box .bottom .txt label, [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column .box .bottom .txt span {
  display: inline-block;
  font-size: 16px;
  letter-spacing: 1.5px;
  line-height: 24px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column:hover .box .pic .mask {
  opacity: 1;
  left: 0;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column:hover .box .btn {
  background: #e50032;
  border-color: #e50032;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column:hover .box .btn i, [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .columns .column:hover .box .btn span {
  color: #FFF;
}

.max-hd-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .pic {
  height: 180px;
}

.max-hd-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .bottom .txt label, .max-hd-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .bottom .txt span {
  display: block;
}

.max-lg-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .pic {
  height: 130px;
}

.max-lg-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .pic h4 {
  left: 20px;
  top: 30%;
  font-size: 20px;
}

.max-lg-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .btn {
  margin-left: 20px;
  width: 85px;
  height: 85px;
}

.max-lg-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .btn .group i {
  font-size: 35px;
}

.max-lg-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .btn .group span {
  padding-top: 7px;
  font-size: 14px;
}

.max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article {
  padding: 0;
}

.max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column {
  padding: 0 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .pic {
  height: 155px;
}

.max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .btn {
  width: 100px;
  height: 100px;
}

.max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .btn .group i {
  font-size: 40px;
}

.max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .btn .group span {
  font-size: 15px;
}

.max-md-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .bottom {
  height: 100px;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box {
  width: 430px;
  margin: 0 auto;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .pic {
  height: 205px;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .pic h4 {
  top: 50%;
  left: 35px;
  font-size: 24px;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .btn {
  margin-left: 35px;
  width: 120px;
  height: 120px;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .btn .group i {
  font-size: 50px;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .btn .group span {
  font-size: 16px;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .bottom {
  height: 120px;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .bottom .txt label, .max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .bottom .txt span {
  display: inline-block;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article {
  margin: 0 -15px;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box {
  width: 300px;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .pic {
  height: 135px;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .pic h4 {
  top: 40%;
  left: 20px;
  font-size: 18px;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .btn {
  margin-left: 20px;
  width: 80px;
  height: 80px;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .btn .group i {
  font-size: 35px;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .btn .group span {
  font-size: 14px;
  letter-spacing: 0.5px;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .bottom {
  height: 100px;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .bottom .txt {
  padding-left: 30px;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .bottom .txt label, .max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab3 .article .column .box .bottom .txt span {
  display: block;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .table thead tr th:nth-child(2) {
  min-width: 150px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns {
  margin-left: -12px;
  margin-right: -17px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column {
  margin-bottom: 40px;
  padding: 0 16px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box {
  position: relative;
  float: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 14px 0;
  border: solid 1px #e5e5e5;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box:before {
  content: "";
  position: absolute;
  left: -5px;
  top: -1px;
  width: 5px;
  height: calc(100% + 2px);
  background: #e50032;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .left,
[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .right {
  float: left;
  display: block;
  padding: 15px 20px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .left + .right {
  border-left: solid 1px #e6e6e6;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .left {
  width: 160px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .left h5 {
  font-size: 30px;
  letter-spacing: 3px;
  padding: 0 15px 0 2px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .right {
  width: calc(100% - 160px);
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .right a {
  display: block;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 1.5px;
  white-space: normal;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column:hover .box {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column:hover .box .right a {
  text-decoration: underline;
  color: #e50032;
}

.max-hd-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box {
  /* .left{
												h5{
													padding: 0 20px 0 15px;
												}
											} */
}

.max-hd-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .left, .max-hd-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .right {
  padding: 15px 10px;
}

.int-lg-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .left {
  width: 120px;
  padding: 15px;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .left h5 {
  padding: 0;
  font-size: 24px;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .right {
  width: calc(100% - 120px);
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box {
  display: block;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box:before {
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .left {
  width: 100%;
  padding: 20px 8px;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .left h5 {
  padding: 0;
  font-size: 24px;
  text-align: center;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .right {
  width: 100%;
  border-left: 0;
  border-top: solid 1px #e6e6e6;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab4 .article .columns .column .box .right a {
  text-align: center;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .dropkick {
  border-radius: 50px;
  border-color: #e50032;
  height: 40px;
  line-height: 28px;
}

.max-xs-size [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .dropkick {
  width: 100%;
  margin-bottom: 20px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .dropkick.dk-select-open-up .dk-selected:before, [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .dropkick.dk-select-open-down .dk-selected:before {
  border-bottom-color: #969696;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .dropkick .dk-selected {
  font-size: 20px;
  text-align: center;
  color: #969696;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .dropkick .dk-selected:before {
  border-top-color: #969696;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .dropkick .dk-selected:after {
  margin: 0;
  border: 0;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .dropkick .dk-select-options {
  top: calc( 100% + 10px);
  bottom: auto;
  background: #FFF;
  border-color: #e50032;
  border-radius: 0;
  margin: 0;
  padding: 0;
  max-height: 60vh;
  -webkit-transition: max-height 0.3s ease-in-out;
  -o-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .dropkick .dk-select-options .dk-option {
  color: #e50032;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .dropkick .dk-select-options .dk-option.dk-option-highlight {
  background: #e50032;
  color: #FFF;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .dropkick .dk-select-options .dk-option.dk-option-selected {
  background: #A70527;
  color: #FFF;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article > ul {
  margin-left: 0;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article ul ul {
  padding-left: 20px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article ul li {
  font-size: 16px;
  letter-spacing: 1.5px;
  line-height: 30px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab5 .article p {
  font-size: 16px;
  letter-spacing: 1.5px;
  line-height: 30px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article h4 {
  margin-top: 29px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab6 .article h4:first-child {
  margin-top: 0;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article .icon-check:before {
  color: #e50032;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article .icon-check.not:before {
  color: #D8D8D8;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab7 .article > ul {
  margin-left: 0;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab9 .article .table thead tr th:nth-child(3) {
  min-width: 150px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article table thead tr:nth-of-type(1) th:nth-of-type(1), [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article table thead tr:nth-of-type(1) th:nth-of-type(1), [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article table thead tr:nth-of-type(1) th:nth-of-type(1) {
  min-width: 400px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article table thead tr:nth-of-type(1) th:nth-of-type(2), [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article table thead tr:nth-of-type(1) th:nth-of-type(2), [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article table thead tr:nth-of-type(1) th:nth-of-type(2) {
  min-width: 500px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab11 .article table thead tr:nth-of-type(1) th:nth-of-type(3), [data-id="investors"].governance .content .tab-content .tab-pane#tab12 .article table thead tr:nth-of-type(1) th:nth-of-type(3), [data-id="investors"].governance .content .tab-content .tab-pane#tab13 .article table thead tr:nth-of-type(1) th:nth-of-type(3) {
  min-width: 250px;
}

[data-id="investors"].governance .content .tab-content .tab-pane#tab14 .article ol li label {
  font-weight: bold;
  padding: 5px 0;
}

.max-md-size [data-id="investors"].governance .content .tab-content .article {
  padding: 0;
}

.max-md-size [data-id="investors"].governance .content .tab-content .article .table {
  margin-top: 0;
}

.max-md-size [data-id="investors"].governance .content .tab-content .tab-pane {
  margin-top: 35px;
  margin-bottom: 50px;
}

.max-md-size [data-id="investors"].governance .content .tab-content .tab-pane > h3 {
  margin-bottom: 15px;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane {
  margin-top: 25px;
}

.max-sm-size [data-id="investors"].governance .content .tab-content .tab-pane > h3 {
  text-align: center;
}

[data-id="investors"].revenue .content {
  background: #fbfbfa;
}

[data-id="investors"].revenue .content .tab-content .tab-pane {
  margin-top: 55px;
  margin-bottom: 90px;
}

[data-id="investors"].revenue .content .tab-content .tab-pane h3 {
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 23px;
}

[data-id="investors"].revenue .content .tab-content .tab-pane .article {
  padding: 0 70px;
}

.max-md-size [data-id="investors"].revenue .content .tab-content .tab-pane .article {
  padding: 0;
}

[data-id="investors"].shareholder .content {
  background-color: #fafafa;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane {
  margin-top: 60px;
  padding-bottom: 88px;
  padding-left: 15px;
  padding-right: 15px;
}

.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane {
  margin-top: 40px;
  padding-bottom: 40px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane .article {
  padding: 0 70px;
}

.max-md-size [data-id="investors"].shareholder .content .tab-content .tab-pane .article {
  padding: 0;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane h3, [data-id="investors"].shareholder .content .tab-content .tab-pane h4 {
  margin-bottom: 35px;
  font-weight: bold;
}

.max-md-size [data-id="investors"].shareholder .content .tab-content .tab-pane h3, .max-md-size [data-id="investors"].shareholder .content .tab-content .tab-pane h4 {
  margin-bottom: 30px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane h3 {
  letter-spacing: 2px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article h3 {
  padding-left: 0;
}

.min-md-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article h3 {
  margin-left: -30px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place {
  padding-top: 10px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .box-group {
  padding: 37px 0;
  background: #FFF;
  border: solid 1px #eee;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .box-group > .row {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: start;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .box-group .box {
  padding-left: 40px;
  padding-right: 40px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .box-group .date,
[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .box-group .time,
[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .box-group label,
[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .box-group p,
[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .box-group span {
  text-align: left;
  letter-spacing: 1px;
  line-height: 30px;
  text-align: left;
  font-size: 16px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .left:after, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .right:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .left {
  position: relative;
  -ms-flex-preferred-size: 238px;
  flex-basis: 238px;
  max-width: 238px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .left .box .date {
  font-size: 24px;
}

.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .left .box .date {
  font-size: 20px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .left:after {
  right: 0;
  width: 5px;
  background: #e92126;
  background: -moz-linear-gradient(top, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: -webkit-linear-gradient(top, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fd9114), color-stop(50%, #f55b1c), to(#e92126));
  background: -o-linear-gradient(top, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: linear-gradient(to bottom, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9114', endColorstr='#e92126',GradientType=1 );
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .location {
  -ms-flex-preferred-size: calc(100% - 500px - 238px);
  flex-basis: calc(100% - 500px - 238px);
  max-width: calc(100% - 500px - 238px);
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .location p {
  font-size: 18px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .right {
  position: relative;
  -ms-flex-preferred-size: 500px;
  flex-basis: 500px;
  max-width: 500px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .right:after {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  background: #eee;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .right li a span {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .right li:hover a span {
  color: #e50032;
  text-decoration: underline;
}

.int-lg-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .box {
  padding-left: 25px;
  padding-right: 25px;
}

.int-lg-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .left {
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
  max-width: 200px;
}

.int-lg-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .location {
  -ms-flex-preferred-size: calc(100% - 350px - 200px);
  flex-basis: calc(100% - 350px - 200px);
  max-width: calc(100% - 350px - 200px);
}

.int-lg-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .right {
  -ms-flex-preferred-size: 350px;
  flex-basis: 350px;
  max-width: 350px;
}

.max-lg-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place {
  padding: 35px 0;
}

.max-lg-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .left {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -ms-flex-preferred-size: 35%;
  flex-basis: 35%;
  max-width: 35%;
}

.max-lg-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .left:after {
  height: 120%;
}

.max-lg-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .location {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -ms-flex-preferred-size: 65%;
  flex-basis: 65%;
  max-width: 65%;
}

.max-lg-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .location p {
  font-size: 16px;
}

.max-lg-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .right {
  padding-top: 30px;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.max-lg-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .right li a span {
  font-size: 16px;
}

.max-md-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place {
  padding: 30px 0;
}

.max-md-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .box {
  padding-left: 25px;
  padding-right: 25px;
}

.max-md-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .left {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
  max-width: 200px;
}

.max-md-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .location {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -ms-flex-preferred-size: calc(100% - 200px);
  flex-basis: calc(100% - 200px);
  max-width: calc(100% - 200px);
}

.max-md-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .right {
  padding-top: 30px;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place {
  padding: 25px 0;
}

.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .left:after,
.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .right:after {
  width: calc(100% - 60px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .left {
  padding-bottom: 20px;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .left .date, .max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .left .time {
  text-align: center;
}

.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .left:after {
  height: 5px;
  top: auto;
  bottom: 0;
}

.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .location {
  padding-top: 20px;
  padding-bottom: 20px;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .right {
  padding-top: 20px;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab1 .article .slider-for .list .place .right:after {
  height: 1px;
  top: 0;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article h5 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
  letter-spacing: 3px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article p {
  line-height: 30px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article p + ul,
[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article p + p {
  margin-top: 30px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article h3 + .article {
  margin-top: 60px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article article + article,
[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article article + h4 {
  margin-top: 70px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article h4 + article {
  margin-top: 50px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article h4 + .table-responsive {
  padding-top: 15px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table {
  position: relative;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table:before, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: #e92126;
  background: -moz-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: -webkit-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: -webkit-gradient(linear, left top, right top, from(#fd9114), color-stop(50%, #f55b1c), to(#e92126));
  background: -o-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: linear-gradient(to right, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9114', endColorstr='#e92126',GradientType=1 );
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table:before {
  top: 0;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table:after {
  bottom: 0;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > thead > tr > th,
[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > thead > tr > td,
[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr > th,
[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr > td {
  border: 0;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > thead > tr > th {
  padding: 10px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > thead > tr > th + th {
  border-left: solid 1px #eee;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > thead > tr + tr > th {
  border-top: solid 1px #eee;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr > td {
  padding: 22px 20px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr > td + td {
  border-left: solid 1px #eee;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr > td label, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr > td li, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr > td p, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr > td span {
  font-size: 16px;
  letter-spacing: 1.5px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > thead {
  position: relative;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > thead:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  height: 1px;
  line-height: 1px;
  width: 100%;
  background: #e92126;
  background: -moz-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: -webkit-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: -webkit-gradient(linear, left top, right top, from(#fd9114), color-stop(50%, #f55b1c), to(#e92126));
  background: -o-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: linear-gradient(to right, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9114', endColorstr='#e92126',GradientType=1 );
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr:nth-of-type(odd), [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr.tbody-odd {
  background: #f7f7f7;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr:nth-of-type(even), [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr.tbody-even {
  background: #fff;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr:nth-of-type(odd).tbody-odd, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr:nth-of-type(even).tbody-odd {
  background: #f7f7f7;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr:nth-of-type(odd).tbody-even, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article .table > tbody > tr:nth-of-type(even).tbody-even {
  background: #fff;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab3 .article img, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article img, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab5 .article img {
  border: solid 10px #eee;
  margin-right: 40px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab3 .article img + h4, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article img + h4, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab5 .article img + h4 {
  margin-top: 60px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab3 .article h4, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article h4, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab5 .article h4 {
  margin-bottom: 15px;
  line-height: 30px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab3 .article label,
[data-id="investors"].shareholder .content .tab-content .tab-pane#tab3 .article li, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article label,
[data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article li, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab5 .article label,
[data-id="investors"].shareholder .content .tab-content .tab-pane#tab5 .article li {
  font-size: 16px;
  line-height: 30px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab3 .article a, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article a, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab5 .article a {
  color: #e50032;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab3 .article a:hover, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article a:hover, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab5 .article a:hover {
  text-decoration: underline;
}

.max-md-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab3 .article h4, .max-md-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab4 .article h4, .max-md-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab5 .article h4 {
  margin-top: 30px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list {
  max-width: 48%;
  width: 48%;
}

.min-hd-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list {
  width: auto;
  max-width: 48%;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list:nth-of-type(even) {
  margin-left: 4%;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box {
  border: solid 1px #e5e5e5;
  background: #FFF;
  height: 100%;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic {
  position: relative;
  overflow: hidden;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic img {
  display: block;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0s ease-in-out;
  -moz-transition: background 0s ease-in-out;
  -ms-transition: background 0s ease-in-out;
  -o-transition: background 0s ease-in-out;
  transition: background 0s ease-in-out;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic .mask {
  position: absolute;
  opacity: 0;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic h4 {
  position: absolute;
  bottom: 35px;
  left: 35px;
  padding-right: 35px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 30px;
  color: #FFF;
  z-index: 2;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic .mailto {
  position: absolute;
  top: 25px;
  right: 25px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  z-index: 3;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic .mailto:before {
  content: "\e906";
  font-family: "icomoon";
  display: block;
  line-height: 80px;
  text-align: center;
  font-size: 45px;
  color: #FFF;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .info {
  padding: 35px;
  clear: both;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .info .group ul li, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .info .group ul a, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .info .group ul span, [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .info .group ul label {
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0.5px;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list:nth-of-type(odd) .box .pic .mask {
  background: -moz-linear-gradient(left, rgba(235, 50, 34, 0.8) 0%, rgba(250, 85, 28, 0.8) 50%, rgba(254, 145, 20, 0.8) 100%);
  background: -webkit-linear-gradient(left, rgba(235, 50, 34, 0.8) 0%, rgba(250, 85, 28, 0.8) 50%, rgba(254, 145, 20, 0.8) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(235, 50, 34, 0.8)), color-stop(50%, rgba(250, 85, 28, 0.8)), to(rgba(254, 145, 20, 0.8)));
  background: -o-linear-gradient(left, rgba(235, 50, 34, 0.8) 0%, rgba(250, 85, 28, 0.8) 50%, rgba(254, 145, 20, 0.8) 100%);
  background: linear-gradient(to right, rgba(235, 50, 34, 0.8) 0%, rgba(250, 85, 28, 0.8) 50%, rgba(254, 145, 20, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb3222', endColorstr='#fe9114',GradientType=1 );
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list:nth-of-type(even) .box .pic .mask {
  background: #319fe2;
  background: -moz-linear-gradient(left, rgba(49, 159, 226, 0.8) 0%, rgba(68, 170, 178, 0.8) 50%, rgba(123, 194, 108, 0.8) 100%);
  background: -webkit-linear-gradient(left, rgba(49, 159, 226, 0.8) 0%, rgba(68, 170, 178, 0.8) 50%, rgba(123, 194, 108, 0.8) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(49, 159, 226, 0.8)), color-stop(50%, rgba(68, 170, 178, 0.8)), to(rgba(123, 194, 108, 0.8)));
  background: -o-linear-gradient(left, rgba(49, 159, 226, 0.8) 0%, rgba(68, 170, 178, 0.8) 50%, rgba(123, 194, 108, 0.8) 100%);
  background: linear-gradient(to right, rgba(49, 159, 226, 0.8) 0%, rgba(68, 170, 178, 0.8) 50%, rgba(123, 194, 108, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#319fe2', endColorstr='#7bc26c',GradientType=1 );
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list:hover .box .pic:before {
  background: transparent;
  -webkit-transition: background 0.3s ease-in-out 0.3s;
  -moz-transition: background 0.3s ease-in-out 0.3s;
  -ms-transition: background 0.3s ease-in-out 0.3s;
  -o-transition: background 0.3s ease-in-out 0.3s;
  transition: background 0.3s ease-in-out 0.3s;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list:hover .box .pic .mask {
  opacity: 1;
  left: 0;
}

[data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list:hover .box .pic .mailto {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.max-lg-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic h4 {
  font-size: 20px;
}

.max-lg-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic .mailto {
  top: 20px;
  right: 20px;
  width: 75px;
  height: 75px;
}

.max-lg-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic .mailto:before {
  line-height: 75px;
}

.int-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic h4 {
  bottom: 20px;
  left: 20px;
  padding-right: 20px;
  font-size: 16px;
  letter-spacing: 1px;
}

.int-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic .mailto {
  top: 10px;
  right: 10px;
  width: 60px;
  height: 60px;
}

.int-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic .mailto:before {
  font-size: 35px;
  line-height: 60px;
}

.int-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .info {
  padding: 20px;
}

.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list {
  margin: 0 auto;
  width: 100%;
  max-width: none;
}

.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic {
  width: 100%;
}

.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic img {
  width: 100%;
}

.max-sm-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list + .list {
  margin-top: 40px;
}

.max-xs-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list {
  margin: 0 auto;
  width: 100%;
  max-width: none;
}

.max-xs-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic :before {
  background: transparent;
}

.max-xs-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic .mask {
  opacity: 1;
  left: 0;
}

.max-xs-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic h4 {
  bottom: 15px;
  left: 15px;
  padding-right: 15px;
  font-size: 15px;
  letter-spacing: 1px;
}

.max-xs-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic .mailto {
  top: 10px;
  right: 10px;
  width: 60px;
  height: 60px;
}

.max-xs-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .pic .mailto:before {
  font-size: 35px;
  line-height: 60px;
}

.max-xs-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .info {
  padding: 15px;
}

.max-xs-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .info .group ul li, .max-xs-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .info .group ul a, .max-xs-size [data-id="investors"].shareholder .content .tab-content .tab-pane#tab6 .article .lists .list .box .info .group ul span {
  font-size: 14px;
  line-height: 30px;
}

.modal-backdrop {
  opacity: 0.85 !important;
}

[data-id="csr"].report .content {
  background-color: #fafafa;
}

[data-id="csr"].report .modal {
  text-align: center;
  padding-left: 0 !important;
}

.min-bg-size [data-id="csr"].report .modal .modal-dialog {
  max-width: 1280px;
  padding: 0;
}

[data-id="csr"].report .modal .modal-content {
  border-radius: 0;
  padding-top: 85px;
  padding-bottom: 120px;
  padding-left: 190px;
  padding-right: 190px;
}

.max-md-size [data-id="csr"].report .modal .modal-content {
  padding-top: 40px;
  padding-bottom: 50px;
  padding-left: 60px;
  padding-right: 60px;
}

.max-sm-size [data-id="csr"].report .modal .modal-content {
  padding-top: 30px;
  padding-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
}

[data-id="csr"].report .modal .modal-header,
[data-id="csr"].report .modal .modal-body,
[data-id="csr"].report .modal .modal-footer {
  padding: 0;
  border: 0;
}

[data-id="csr"].report .modal .modal-header {
  padding: 0;
}

[data-id="csr"].report .modal .modal-header h4 {
  text-align: center;
}

[data-id="csr"].report .modal .modal-header h4 span {
  font-size: 30px;
  font-weight: bold;
}

.max-md-size [data-id="csr"].report .modal .modal-header h4 span {
  font-size: 24px;
}

.max-sm-size [data-id="csr"].report .modal .modal-header h4 span {
  font-size: 20px;
}

[data-id="csr"].report .modal .modal-body {
  padding-top: 60px;
  padding-bottom: 40px;
}

.max-sm-size [data-id="csr"].report .modal .modal-body {
  padding-top: 30px;
  padding-bottom: 20px;
}

[data-id="csr"].report .modal .modal-body h5, [data-id="csr"].report .modal .modal-body h6, [data-id="csr"].report .modal .modal-body label, [data-id="csr"].report .modal .modal-body th, [data-id="csr"].report .modal .modal-body td {
  letter-spacing: 1px;
  line-height: 36px;
  color: #555;
}

[data-id="csr"].report .modal .modal-body h5 {
  font-size: 20px;
  padding-bottom: 12px;
}

.max-sm-size [data-id="csr"].report .modal .modal-body h5 {
  font-size: 18px;
}

[data-id="csr"].report .modal .modal-body h6 {
  font-size: 18px;
  font-weight: bold;
}

.min-sm-size [data-id="csr"].report .modal .modal-body h6 {
  margin-left: -15px;
}

.max-sm-size [data-id="csr"].report .modal .modal-body h6 {
  font-size: 16px;
}

[data-id="csr"].report .modal .modal-body label {
  font-size: 16px;
}

[data-id="csr"].report .modal .modal-body th, [data-id="csr"].report .modal .modal-body td {
  font-size: 18px;
  padding: 8px 15px;
}

.max-sm-size [data-id="csr"].report .modal .modal-body th, .max-sm-size [data-id="csr"].report .modal .modal-body td {
  font-size: 16px;
}

[data-id="csr"].report .modal .modal-body .table-responsive .table {
  margin-bottom: 0;
}

[data-id="csr"].report .modal .modal-body table > thead > tr > th,
[data-id="csr"].report .modal .modal-body table > thead > tr > td,
[data-id="csr"].report .modal .modal-body table > tbody > tr > th,
[data-id="csr"].report .modal .modal-body table > tbody > tr > td {
  border: 0;
}

[data-id="csr"].report .modal .modal-body table > thead > tr > th {
  padding-bottom: 25px;
}

.max-sm-size [data-id="csr"].report .modal .modal-body table > thead > tr > th {
  padding-bottom: 25px;
}

[data-id="csr"].report .modal .modal-body table > tbody > tr:nth-of-type(odd) {
  background: #e6e6e6;
}

[data-id="csr"].report .modal .modal-body table > tbody > tr:nth-of-type(even) {
  background: #f0f0f0;
}

[data-id="csr"].report .modal .modal-body table > tbody > tr + tr {
  border-top: solid 1px #FFF;
}

[data-id="csr"].report .modal .modal-body .form-group + .form-group {
  padding-top: 20px;
}

[data-id="csr"].report .modal .modal-body .checkbox-area {
  padding-left: 35px;
}

[data-id="csr"].report .modal .modal-body .radio-area {
  width: 80px;
}

[data-id="csr"].report .modal .modal-body .checkbox-inline {
  width: 100%;
  padding-left: 30px;
}

[data-id="csr"].report .modal .modal-body .checkbox-inline input[type="checkbox"] {
  margin-top: 0;
  margin-left: -30px;
  top: 50%;
  -webkit-transform: scale(1.25) translateY(-50%);
  -ms-transform: scale(1.25) translateY(-50%);
  transform: scale(1.25) translateY(-50%);
  font-size: 20px;
}

[data-id="csr"].report .modal .modal-body .radio-inline {
  display: block;
  padding: 0;
}

[data-id="csr"].report .modal .modal-body .radio-inline input[type="radio"] {
  display: block;
  margin: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 20px;
}

[data-id="csr"].report .modal .modal-footer {
  position: relative;
  padding-top: 0;
  text-align: center;
}

[data-id="csr"].report .modal p {
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 1.5px;
}

[data-id="csr"].report .modal p.warning {
  color: #e50032;
  text-align: center;
  padding-top: 35px;
}

.max-sm-size [data-id="csr"].report .modal p {
  font-size: 16px;
  line-height: 30px;
}

[data-id="csr"].report .modal .btn {
  color: #e50032;
  border: solid 1px #e50032;
  border-radius: 50px;
  background-color: transparent;
  padding: 9px 25px;
  font-size: 18px;
  line-height: 30px;
  min-width: 200px;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

[data-id="csr"].report .modal .btn.back {
  min-width: 120px;
}

.min-sm-size [data-id="csr"].report .modal .btn.back {
  position: absolute;
  left: 0;
}

[data-id="csr"].report .modal .btn + .btn {
  margin-left: 35px;
}

[data-id="csr"].report .modal .btn:hover {
  background-color: #e50032;
  color: #FFF;
}

.max-xs-size [data-id="csr"].report .modal .btn {
  min-width: 0;
  padding: 4px 20px;
}

.max-xs-size [data-id="csr"].report .modal .btn + .btn {
  margin-left: 10px;
}

[data-id="csr"].report .modal textarea.form-control {
  resize: vertical;
  border-radius: 0;
  border: 0;
  background: #e6e6e6;
  height: 300px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 1.5px;
}

[data-id="csr"].report .modal#report6 .modal-body {
  padding-top: 20px;
  padding-bottom: 65px;
}

[data-id="csr"].report .modal#report6 .modal-body i,
[data-id="csr"].report .modal#report6 .modal-body p {
  text-align: center;
}

[data-id="csr"].report .modal#report6 .modal-body i {
  text-align: center;
  display: block;
  padding-bottom: 15px;
}

[data-id="csr"].report .modal#report6 .modal-body i:before {
  font-size: 70px;
  color: #e50032;
}

.article .panel-group .panel {
  border-radius: 0;
  border: solid 2px transparent;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.article .panel-group .panel + .panel {
  margin-top: 12px;
}

.article .panel-group .panel:nth-of-type(odd) {
  background: #EBEBEB;
}

.article .panel-group .panel:nth-of-type(even) {
  background: #F5F5F5;
}

.article .panel-group .panel .panel-heading {
  border-radius: 0;
  padding: 0;
}

.article .panel-group .panel .panel-heading a {
  position: relative;
  display: block;
  width: 100%;
  padding: 18px 70px 18px 30px;
}

.article .panel-group .panel .panel-heading a h4, .article .panel-group .panel .panel-heading a span {
  display: inline-block;
  -webkit-transition: color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.article .panel-group .panel .panel-heading a h4 {
  margin-bottom: 0 !important;
}

.article .panel-group .panel .panel-heading a span {
  text-align: right;
  float: right;
}

.article .panel-group .panel .panel-heading a:after {
  content: "\e90a";
  font-family: "icomoon";
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 24px;
  -webkit-transition: color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.article .panel-group .panel .panel-collapse .panel-body {
  padding: 0px 70px 25px 45px;
  border: 0;
}

.article .panel-group .panel .panel-collapse .panel-body .article {
  background: #fbfbfa;
  padding: 35px 60px;
  padding-top: 35px;
  padding-bottom: 35px;
}

.article .panel-group .panel .panel-collapse .panel-body .article > ul {
  margin-left: 0;
}

.article .panel-group .panel .panel-collapse.collapse, .article .panel-group .panel .panel-collapse.collapsing, .article .panel-group .panel .panel-collapse.collapse.in {
  -webkit-transition: height 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: height 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: height 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.article .panel-group .panel.active {
  border: solid 2px #e50032;
}

.article .panel-group .panel.active:nth-of-type(odd), .article .panel-group .panel.active:nth-of-type(even) {
  background: #FFF;
}

.article .panel-group .panel.active .panel-heading a:after, .article .panel-group .panel.active .panel-heading a h4, .article .panel-group .panel.active .panel-heading a span {
  color: #e50032;
}

.article .panel-group .panel.active .panel-heading a:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.max-md-size .article .panel-group .panel .panel-heading a {
  padding: 18px 50px 18px 30px;
}

.max-md-size .article .panel-group .panel .panel-heading a:after {
  right: 15px;
}

.max-md-size .article .panel-group .panel .panel-collapse .panel-body {
  padding: 0px 50px 25px 30px;
  border: 0;
}

.max-md-size .article .panel-group .panel .panel-collapse .panel-body .article {
  padding: 30px 35px;
}

.max-sm-size .article .panel-group .panel .panel-heading a {
  padding: 10px 50px 10px 20px;
}

.max-sm-size .article .panel-group .panel .panel-heading a h4 {
  display: block;
}

.max-sm-size .article .panel-group .panel .panel-heading a span {
  display: block;
  float: none;
  text-align: center;
}

.max-sm-size .article .panel-group .panel .panel-heading a:after {
  right: 20px;
}

.max-sm-size .article .panel-group .panel .panel-collapse .panel-body {
  padding: 0px 20px 25px 20px;
}

.max-sm-size .article .panel-group .panel .panel-collapse .panel-body .article {
  padding: 25px 20px;
}

.max-sm-size .article .panel-group .panel .panel-collapse .panel-body .article ul ul {
  padding-left: 5px;
}

.max-sm-size .article .panel-group .panel .panel-collapse .panel-body .article ul li {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 24px;
}

.max-sm-size .article .panel-group .panel .panel-collapse .panel-body .article p {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 24px;
}

.lists.year .slick-prev,
.lists.year .slick-next {
  left: auto;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
}

.lists.year .slick-prev:before,
.lists.year .slick-next:before {
  font-family: "icomoon";
  border-radius: 50%;
  border: solid 3px #e50032;
  background: #FFF;
  width: 40px;
  height: 40px;
  display: block;
  line-height: 34px;
}

.lists.year .slick-prev:hover:before,
.lists.year .slick-next:hover:before {
  background: #E50032;
  color: #FFF;
}

.lists.year .slick-prev {
  right: 50px;
}

.lists.year .slick-prev:before {
  content: "\e900";
}

.lists.year .slick-next:before {
  content: "\e901";
}

.lists.year .slider-nav .slick-prev,
.lists.year .slider-nav .slick-next {
  left: auto;
  right: 0;
  top: -25px;
}

.lists.year .slider-nav .slick-prev {
  right: 50px;
}

.max-sm-size .lists.year .slider-nav .slick-prev {
  right: calc(50% + 10px);
}

.max-sm-size .lists.year .slider-nav .slick-next {
  left: calc(50% + 10px);
}

.lists.year .slider-nav li {
  padding: 8px 0;
}

.lists.year .slider-nav li a {
  background: #f2f2f2;
  display: block;
  text-align: center;
  padding: 22px 0;
  font-size: 18px;
  letter-spacing: 1px;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.lists.year .slider-nav li a:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: transparent transparent transparent transparent;
  -webkit-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

.lists.year .slider-nav li.slick-current a {
  position: relative;
  display: block;
  background: #e50032;
  color: #FFF;
}

.lists.year .slider-nav li.slick-current a:after {
  border-color: #e50032 transparent transparent transparent;
}

.lists.year .slider-for .list .title {
  margin-top: 30px;
}

.lists.year .slider-for .list .title h4 {
  font-size: 48px;
  letter-spacing: 5px;
  margin-bottom: 20px;
  font-weight: normal;
}

.lists.year .slider-for .list .title p {
  letter-spacing: 1px;
}

.lists.year .slider-for .list .months,
.lists.year .slider-for .list .seasons {
  position: relative;
  display: table;
  width: 100%;
}

.lists.year .slider-for .list .months:after,
.lists.year .slider-for .list .seasons:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #e92126;
  background: -moz-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: -webkit-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: -webkit-gradient(linear, left top, right top, from(#fd9114), color-stop(50%, #f55b1c), to(#e92126));
  background: -o-linear-gradient(left, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  background: linear-gradient(to right, #fd9114 0%, #f55b1c 50%, #e92126 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9114', endColorstr='#e92126',GradientType=1 );
}

.lists.year .slider-for .list .months .month,
.lists.year .slider-for .list .months .season,
.lists.year .slider-for .list .seasons .month,
.lists.year .slider-for .list .seasons .season {
  display: table-cell;
}

.lists.year .slider-for .list .months .month .mm,
.lists.year .slider-for .list .months .month .ss,
.lists.year .slider-for .list .months .season .mm,
.lists.year .slider-for .list .months .season .ss,
.lists.year .slider-for .list .seasons .month .mm,
.lists.year .slider-for .list .seasons .month .ss,
.lists.year .slider-for .list .seasons .season .mm,
.lists.year .slider-for .list .seasons .season .ss {
  text-align: center;
  letter-spacing: 5px;
  line-height: 30px;
  padding: 20px 0px;
  background: #f6f6f6;
}

.lists.year .slider-for .list .months .month a,
.lists.year .slider-for .list .months .season a,
.lists.year .slider-for .list .seasons .month a,
.lists.year .slider-for .list .seasons .season a {
  display: inline-block;
  text-align: center;
}

.lists.year .slider-for .list .months .month .mm, .lists.year .slider-for .list .months .month .ss, .lists.year .slider-for .list .months .month a,
.lists.year .slider-for .list .months .season .mm,
.lists.year .slider-for .list .months .season .ss,
.lists.year .slider-for .list .months .season a,
.lists.year .slider-for .list .seasons .month .mm,
.lists.year .slider-for .list .seasons .month .ss,
.lists.year .slider-for .list .seasons .month a,
.lists.year .slider-for .list .seasons .season .mm,
.lists.year .slider-for .list .seasons .season .ss,
.lists.year .slider-for .list .seasons .season a {
  border-bottom: solid 1px #e6e6e6;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.min-md-size .lists.year .slider-for .list .months .month, .min-md-size
.lists.year .slider-for .list .seasons .month {
  max-width: calc(100% / 12);
}

.max-md-size .lists.year .slider-for .list .months .month, .max-md-size
.lists.year .slider-for .list .seasons .month {
  width: calc(100% / 6);
}

.max-sm-size .lists.year .slider-for .list .months .month, .max-sm-size
.lists.year .slider-for .list .seasons .month {
  width: calc(100% / 4);
}

.max-xs-size .lists.year .slider-for .list .months .month, .max-xs-size
.lists.year .slider-for .list .seasons .month {
  width: calc(100% / 3);
}

.lists.year .slider-for .list .months .month a,
.lists.year .slider-for .list .seasons .month a {
  display: block;
  padding: 27px 0;
  line-height: 30px;
}

.lists.year .slider-for .list .months .month:hover .mm,
.lists.year .slider-for .list .seasons .month:hover .mm {
  background: #eee;
}

.lists.year .slider-for .list .months .month:hover a,
.lists.year .slider-for .list .seasons .month:hover a {
  background: #eee;
}

.lists.year .slider-for .list .months .season,
.lists.year .slider-for .list .seasons .season {
  text-align: center;
  border: solid 1px #e6e6e6;
  border-right: 0;
  width: 25%;
}

.lists.year .slider-for .list .months .season + .season,
.lists.year .slider-for .list .seasons .season + .season {
  border-left: 0;
}

.lists.year .slider-for .list .months .season + .season .group,
.lists.year .slider-for .list .seasons .season + .season .group {
  position: relative;
}

.lists.year .slider-for .list .months .season + .season .group:before,
.lists.year .slider-for .list .seasons .season + .season .group:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 60px;
  background: #e6e6e6;
}

.lists.year .slider-for .list .months .season:last-child,
.lists.year .slider-for .list .seasons .season:last-child {
  border-right: solid 1px #e6e6e6;
}

.lists.year .slider-for .list .months .season .ss,
.lists.year .slider-for .list .seasons .season .ss {
  font-size: 24px;
}

.lists.year .slider-for .list .months .season .group,
.lists.year .slider-for .list .seasons .season .group {
  display: block;
  padding: 37px 0;
}

.lists.year .slider-for .list .months .season .group .btn,
.lists.year .slider-for .list .seasons .season .group .btn {
  display: inline-block;
  padding: 10px 30px;
  border: solid 1px #e6e6e6;
  border-radius: 50px;
  letter-spacing: 1px;
  -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.lists.year .slider-for .list .months .season .group .btn + .btn,
.lists.year .slider-for .list .seasons .season .group .btn + .btn {
  margin-left: 10px;
}

.lists.year .slider-for .list .months .season .group .btn:hover,
.lists.year .slider-for .list .seasons .season .group .btn:hover {
  border: solid 1px #e50032;
  background: #e50032;
  color: #FFF;
}

.max-md-size .lists.year .slider-for .list .months,
.max-md-size .lists.year .slider-for .list .seasons {
  float: left;
  display: block;
}

.max-md-size .lists.year .slider-for .list .months .month,
.max-md-size .lists.year .slider-for .list .months .season,
.max-md-size .lists.year .slider-for .list .seasons .month,
.max-md-size .lists.year .slider-for .list .seasons .season {
  float: left;
}

.max-md-size .lists.year .slider-for .list .months .month,
.max-md-size .lists.year .slider-for .list .seasons .month {
  width: 16.6666666666%;
}

.max-md-size .lists.year .slider-for .list .months .season,
.max-md-size .lists.year .slider-for .list .seasons .season {
  width: 50%;
}

.max-md-size .lists.year .slider-for .list .months .season:nth-of-type(odd),
.max-md-size .lists.year .slider-for .list .seasons .season:nth-of-type(odd) {
  border-left: solid 1px #e6e6e6;
}

.max-md-size .lists.year .slider-for .list .months .season:nth-of-type(even),
.max-md-size .lists.year .slider-for .list .seasons .season:nth-of-type(even) {
  border-right: solid 1px #e6e6e6;
}

.max-md-size .lists.year .slider-for .list .months .season:nth-of-type(2n+1) .group:before,
.max-md-size .lists.year .slider-for .list .seasons .season:nth-of-type(2n+1) .group:before {
  display: none;
}

.max-sm-size .lists.year {
  padding-top: 30px;
}

.max-sm-size .lists.year .slider-nav li a {
  padding: 15px 0;
}

.max-sm-size .lists.year .slider-for {
  margin-bottom: 0;
}

.max-sm-size .lists.year .slider-for .list .title {
  margin-top: 0;
}

.max-sm-size .lists.year .slider-for .list .title h4 {
  margin-bottom: 0;
}

.max-sm-size .lists.year .slider-for .list .months .month,
.max-sm-size .lists.year .slider-for .list .seasons .month {
  width: 25%;
}

.max-sm-size .lists.year .slider-for .list .seasons .season .group .btn + .btn {
  margin-left: 5px;
}

.max-xs-size .lists.year .slider-for .list .months .month,
.max-xs-size .lists.year .slider-for .list .seasons .month {
  width: 33.3333333333%;
}

.max-xs-size .lists.year .slider-for .list .months .season,
.max-xs-size .lists.year .slider-for .list .seasons .season {
  width: 100%;
  border-left: solid 1px #e6e6e6;
  border-right: solid 1px #e6e6e6;
}

.max-xs-size .lists.year .slider-for .list .months .season + .season .group:before,
.max-xs-size .lists.year .slider-for .list .seasons .season + .season .group:before {
  display: none;
}

/* ==========================================================================
	人力資源 hr
 ========================================================================== */
[data-id="hr"] .main .banner {
  margin-bottom: 0;
}

[data-id="hr"] .main .banner .banner-content .title {
  left: 50%;
}

.max-sm-size [data-id="hr"] .main .banner .banner-content .title {
  left: 50%;
}

[data-id="hr"] {
  /*  共用  */
  /*  resume series  */
}

[data-id="hr"] .content article h4 {
  color: #e50032;
}

[data-id="hr"] .content article.title {
  padding-top: 100px;
  padding-bottom: 60px;
}

[data-id="hr"] .content article.title p {
  padding: 25px 0;
}

[data-id="hr"] .content .title h3, [data-id="hr"] .content .title p {
  text-align: center;
}

[data-id="hr"] .content .title h3 {
  font-size: 36px;
  letter-spacing: 3px;
  color: #e50032;
  text-align: center;
}

[data-id="hr"] .content .title p {
  font-size: 18px;
  letter-spacing: 4px;
  line-height: 35px;
}

[data-id="hr"] .content .title ul {
  width: 60%;
  max-width: 100%;
  margin: 0 auto;
  padding: 30px 0;
}

.max-sm-size [data-id="hr"] .content .title ul {
  padding-top: 10px;
  padding-bottom: 10px;
}

[data-id="hr"] .content .title ul li a {
  display: block;
  border: solid 2px #e50032;
  border-radius: 50px;
  color: #e50032;
  padding: 7px 15px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 1.5px;
  width: 200px;
  max-width: 100%;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

[data-id="hr"] .content .title ul li:hover a {
  background: #e50032;
  color: #FFF;
}

.max-lg-size [data-id="hr"] .content .title ul {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%;
}

.max-md-size [data-id="hr"] .content .title ul li a {
  width: 160px;
}

.max-sm-size [data-id="hr"] .content .title ul li a {
  width: 100%;
  max-width: 280px;
  margin-bottom: 15px;
}

.max-xs-size [data-id="hr"] .content .title ul li {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.max-xs-size [data-id="hr"] .content .title ul li a {
  width: 100%;
}

[data-id="hr"] .content .lists .info {
  position: relative;
  padding-left: 6%;
  padding-right: 6%;
}

[data-id="hr"] .content .lists .info:after {
  content: "";
  background: #eee;
  position: relative;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}

[data-id="hr"] .content .lists .info .list + .list {
  padding-top: 40px;
}

[data-id="hr"] .content .lists .info .list:last-child .box {
  border-bottom: 0;
}

[data-id="hr"] .content .lists .info .list .box {
  padding-left: 4%;
  padding-right: 4%;
  padding-bottom: 35px;
  border-bottom: solid 1px #eee;
}

.max-lg-size [data-id="hr"] .content .lists .info .list .box {
  padding-left: 0;
  padding-right: 0;
}

.max-sm-size [data-id="hr"] .content .lists .info .list .box {
  padding-bottom: 0;
}

[data-id="hr"] .content .lists .info .list .box .left {
  -ms-flex-preferred-size: 170px;
  flex-basis: 170px;
  max-width: 170px;
}

[data-id="hr"] .content .lists .info .list .box .left h4 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2.5px;
  line-height: 30px;
}

[data-id="hr"] .content .lists .info .list .box .right {
  -ms-flex-preferred-size: calc(100% - 170px);
  flex-basis: calc(100% - 170px);
  max-width: calc(100% - 170px);
  padding-left: 33px;
  padding-right: 15px;
}

[data-id="hr"] .content .lists .info .list .box .right > ol {
  width: 100%;
}

[data-id="hr"] .content .lists .info .list .box .right ul li, [data-id="hr"] .content .lists .info .list .box .right ol li {
  margin-bottom: 6px;
}

[data-id="hr"] .content .lists .info .list .box .right ul label, [data-id="hr"] .content .lists .info .list .box .right ol label {
  float: left;
}

[data-id="hr"] .content .lists .info .list .box .right ul li, [data-id="hr"] .content .lists .info .list .box .right ul label, [data-id="hr"] .content .lists .info .list .box .right ul span, [data-id="hr"] .content .lists .info .list .box .right ol li, [data-id="hr"] .content .lists .info .list .box .right ol label, [data-id="hr"] .content .lists .info .list .box .right ol span {
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 30px;
  color: #555;
}

.max-sm-size [data-id="hr"] .content .lists .info .list .box .right ul li, .max-sm-size [data-id="hr"] .content .lists .info .list .box .right ul label, .max-sm-size [data-id="hr"] .content .lists .info .list .box .right ul span, .max-sm-size [data-id="hr"] .content .lists .info .list .box .right ol li, .max-sm-size [data-id="hr"] .content .lists .info .list .box .right ol label, .max-sm-size [data-id="hr"] .content .lists .info .list .box .right ol span {
  line-height: 24px;
}

[data-id="hr"] .content .lists .info .list .box .right ol,
[data-id="hr"] .content .lists .info .list .box .right .sub-level {
  display: inline-block;
}

[data-id="hr"] .content .lists .btn-area {
  padding-top: 30px;
  padding-bottom: 123px;
}

.min-md-size [data-id="hr"] .content .lists .btn-area {
  padding-left: calc(6% + 2rem);
  padding-right: calc(6% + 2rem);
}

[data-id="hr"] .content .lists .btn-area .group {
  display: block;
  text-align: center;
}

[data-id="hr"] .content .lists .btn-area .group .btn {
  display: inline-block;
  border: solid 3px #e50032;
  border-radius: 50px;
  background: #FFF;
  padding: 15px;
  font-size: 20px;
  letter-spacing: 1.5px;
  min-width: 135px;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

[data-id="hr"] .content .lists .btn-area .group .btn + .btn {
  margin-left: 20px;
}

[data-id="hr"] .content .lists .btn-area .group .btn:hover {
  background: #e50032;
  color: #FFF;
}

[data-id="hr"] .content .lists .btn-area .group .btn:hover span {
  color: #FFF;
}

.max-xs-size [data-id="hr"] .content .lists .btn-area .group .btn {
  padding: 6px 18px;
}

.max-md-size [data-id="hr"] .content .lists .info .list .box {
  padding-left: 0;
  padding-right: 0;
}

.max-md-size [data-id="hr"] .content .lists .info .list .box .right ul li, .max-md-size [data-id="hr"] .content .lists .info .list .box .right ul label, .max-md-size [data-id="hr"] .content .lists .info .list .box .right ul span, .max-md-size [data-id="hr"] .content .lists .info .list .box .right ol li, .max-md-size [data-id="hr"] .content .lists .info .list .box .right ol label, .max-md-size [data-id="hr"] .content .lists .info .list .box .right ol span {
  font-size: 16px;
  letter-spacing: 1.5px;
}

.max-sm-size [data-id="hr"] .content .lists .info .list .box .left, .max-sm-size [data-id="hr"] .content .lists .info .list .box .right {
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.max-sm-size [data-id="hr"] .content .lists .info .list .box .left {
  padding-bottom: 20px;
}

.max-sm-size [data-id="hr"] .content .lists .info .list .box .left h4 {
  margin-bottom: 0;
}

.max-sm-size [data-id="hr"] .content .lists .info .list .box .right ul li, .max-sm-size [data-id="hr"] .content .lists .info .list .box .right ul label, .max-sm-size [data-id="hr"] .content .lists .info .list .box .right ul span, .max-sm-size [data-id="hr"] .content .lists .info .list .box .right ol li, .max-sm-size [data-id="hr"] .content .lists .info .list .box .right ol label, .max-sm-size [data-id="hr"] .content .lists .info .list .box .right ol span {
  font-size: 16px;
  letter-spacing: 1.5px;
}

.max-sm-size [data-id="hr"] .content .lists .info .list .box .right ul li > label, .max-sm-size [data-id="hr"] .content .lists .info .list .box .right ol li > label {
  font-weight: bold;
  width: 100%;
}

.max-sm-size [data-id="hr"] .content .lists .btn-area {
  padding-bottom: 30px;
}

.max-sm-size [data-id="hr"] .content .lists .btn-area .group .btn {
  min-width: 120px;
}

.max-sm-size [data-id="hr"] .content .lists .btn-area .group .btn.step {
  position: relative;
}

.max-sm-size [data-id="hr"] .content .lists .btn-area {
  padding-left: 0;
  padding-right: 0;
}

.max-sm-size [data-id="hr"] .content .lists .btn-area .group .btn {
  min-width: 0;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

.max-sm-size [data-id="hr"] .content .lists .btn-area .group .btn span {
  white-space: normal;
  font-size: 14px;
}

.max-xs-size [data-id="hr"] .content .lists .info .list .box {
  padding-bottom: 25px;
}

.max-xs-size [data-id="hr"] .content .lists .info .list .box .left,
.max-xs-size [data-id="hr"] .content .lists .info .list .box .right {
  padding-left: 10px;
  padding-right: 10px;
}

.max-xs-size [data-id="hr"] .content .lists .info .list .box .left {
  padding-bottom: 15px;
}

.max-xs-size [data-id="hr"] .content .lists .info .list .box .left h4 {
  font-size: 20px;
  margin-bottom: 0;
}

.max-xs-size [data-id="hr"] .content .lists .info .list + .list {
  padding-top: 30px;
}

.max-sm-size [data-id="hr"] .content article h4 {
  font-size: 24px;
}

.max-sm-size [data-id="hr"] .content .title h3 {
  font-size: 30px;
}

.max-sm-size [data-id="hr"] .content .title p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
}

.max-xs-size [data-id="hr"] .content article h4 {
  font-size: 20px;
}

.max-xs-size [data-id="hr"] .content .title h3 {
  font-size: 24px;
}

[data-id="hr"].hr .content, [data-id="hr"].takecare .content, [data-id="hr"].oriented .content {
  background: #f0f0f0;
}

[data-id="hr"].hr .content article h4, [data-id="hr"].takecare .content article h4, [data-id="hr"].oriented .content article h4 {
  text-align: center;
  font-size: 30px;
  letter-spacing: 2px;
}

[data-id="hr"].hr .content article.title,
[data-id="hr"].hr .content article.faq, [data-id="hr"].takecare .content article.title,
[data-id="hr"].takecare .content article.faq, [data-id="hr"].oriented .content article.title,
[data-id="hr"].oriented .content article.faq {
  background: #FFF;
}

[data-id="hr"].hr .content article.title, [data-id="hr"].takecare .content article.title, [data-id="hr"].oriented .content article.title {
  padding-top: 100px;
  padding-bottom: 60px;
}

.max-sm-size [data-id="hr"].hr .content article.title, .max-sm-size [data-id="hr"].takecare .content article.title, .max-sm-size [data-id="hr"].oriented .content article.title {
  padding-top: 50px;
  padding-bottom: 30px;
}

[data-id="hr"].hr .content article.title p, [data-id="hr"].takecare .content article.title p, [data-id="hr"].oriented .content article.title p {
  padding: 25px 0;
}

.max-sm-size [data-id="hr"].hr .content article h4, .max-sm-size [data-id="hr"].takecare .content article h4, .max-sm-size [data-id="hr"].oriented .content article h4 {
  font-size: 24px;
}

[data-id="hr"].hr .content .process {
  position: relative;
  min-height: 1100px;
  background: #f0f0f0;
}

.max-md-size [data-id="hr"].hr .content .process {
  min-height: 0;
}

[data-id="hr"].hr .content .process .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[data-id="hr"].hr .content .process .bg .pic {
  width: 100%;
  height: 100%;
}

[data-id="hr"].hr .content .process .bg .pic .jqimgFill {
  background-position: 0% 50% !important;
}

[data-id="hr"].hr .content .process .info {
  position: relative;
  padding-top: 87px;
}

.max-sm-size [data-id="hr"].hr .content .process .info {
  padding-top: 50px;
}

[data-id="hr"].hr .content .process .info .pic {
  position: relative;
  float: left;
  padding-top: 36px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

[data-id="hr"].hr .content .process .info .pic img {
  display: block;
  margin: 0 auto;
}

[data-id="hr"].hr .content .process .info .pic .left,
[data-id="hr"].hr .content .process .info .pic .right {
  position: absolute;
}

[data-id="hr"].hr .content .process .info .pic .left span,
[data-id="hr"].hr .content .process .info .pic .right span {
  display: block;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 30px;
  white-space: nowrap;
}

[data-id="hr"].hr .content .process .info .pic .left {
  left: 55px;
  top: 110px;
}

[data-id="hr"].hr .content .process .info .pic .left span {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

[data-id="hr"].hr .content .process .info .pic .right {
  left: calc(100% - 85px);
  top: 90px;
}

.max-md-size [data-id="hr"].hr .content .process .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 200px;
}

.max-md-size [data-id="hr"].hr .content .process .info .pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: none;
}

.max-md-size [data-id="hr"].hr .content .process .info .pic img, .max-md-size [data-id="hr"].hr .content .process .info .pic .left, .max-md-size [data-id="hr"].hr .content .process .info .pic .right {
  position: relative;
  float: left;
  top: 0;
  left: auto;
}

.max-md-size [data-id="hr"].hr .content .process .info .pic img {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  height: auto;
}

.max-md-size [data-id="hr"].hr .content .process .info .pic .left {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  max-width: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  margin-right: -50px;
}

.max-md-size [data-id="hr"].hr .content .process .info .pic .left span {
  float: right;
}

.max-md-size [data-id="hr"].hr .content .process .info .pic .right {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  max-width: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  margin-left: -50px;
}

.max-md-size [data-id="hr"].hr .content .process .info .pic .right span {
  white-space: normal;
  height: 90%;
}

.max-md-size [data-id="hr"].hr .content .process .info .pic .right span br {
  display: none;
}

.max-sm-size [data-id="hr"].hr .content .process .info {
  padding-left: 0;
  padding-right: 0;
}

.max-sm-size [data-id="hr"].hr .content .process .info .pic img {
  max-width: calc(100% - 70px);
  -ms-flex-preferred-size: calc(100% - 70px);
  flex-basis: calc(100% - 70px);
}

.max-sm-size [data-id="hr"].hr .content .process .info .pic .left {
  max-width: 50px;
  -ms-flex-preferred-size: 50px;
  flex-basis: 50px;
}

.max-sm-size [data-id="hr"].hr .content .process .info .pic .right {
  max-width: 50px;
  -ms-flex-preferred-size: 50px;
  flex-basis: 50px;
}

.max-sm-size [data-id="hr"].hr .content .process .info .pic .right span {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.max-sm-size [data-id="hr"].hr .content .process .info .pic .right span br {
  display: none;
}

.max-xs-size [data-id="hr"].hr .content .process .info .pic img {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.max-xs-size [data-id="hr"].hr .content .process .info .pic .left span, .max-xs-size [data-id="hr"].hr .content .process .info .pic .right span {
  font-size: 12px;
  line-height: 24px;
}

[data-id="hr"].hr .content .description {
  position: relative;
  margin-top: -137px;
}

[data-id="hr"].hr .content .description .row {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

[data-id="hr"].hr .content .description .row .box {
  padding-right: 50px;
}

[data-id="hr"].hr .content .description .row .box .row .column {
  padding: 50px;
}

[data-id="hr"].hr .content .description .row .box .row .left h4, [data-id="hr"].hr .content .description .row .box .row .left label, [data-id="hr"].hr .content .description .row .box .row .left li, [data-id="hr"].hr .content .description .row .box .row .left a,
[data-id="hr"].hr .content .description .row .box .row .right h4,
[data-id="hr"].hr .content .description .row .box .row .right label,
[data-id="hr"].hr .content .description .row .box .row .right li,
[data-id="hr"].hr .content .description .row .box .row .right a {
  color: #FFF;
}

[data-id="hr"].hr .content .description .row .box .row .left h4,
[data-id="hr"].hr .content .description .row .box .row .right h4 {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 34px;
}

[data-id="hr"].hr .content .description .row .box .row .left label, [data-id="hr"].hr .content .description .row .box .row .left li, [data-id="hr"].hr .content .description .row .box .row .left a,
[data-id="hr"].hr .content .description .row .box .row .right label,
[data-id="hr"].hr .content .description .row .box .row .right li,
[data-id="hr"].hr .content .description .row .box .row .right a {
  font-size: 16px;
  line-height: 40px;
  letter-spacing: 1.5px;
}

.max-sm-size [data-id="hr"].hr .content .description .row .box .row .left label, .max-sm-size [data-id="hr"].hr .content .description .row .box .row .left li, .max-sm-size [data-id="hr"].hr .content .description .row .box .row .left a, .max-sm-size
[data-id="hr"].hr .content .description .row .box .row .right label, .max-sm-size
[data-id="hr"].hr .content .description .row .box .row .right li, .max-sm-size
[data-id="hr"].hr .content .description .row .box .row .right a {
  line-height: 30px;
}

.max-xs-size [data-id="hr"].hr .content .description .row .box .row .left label, .max-xs-size [data-id="hr"].hr .content .description .row .box .row .left li, .max-xs-size [data-id="hr"].hr .content .description .row .box .row .left a, .max-xs-size
[data-id="hr"].hr .content .description .row .box .row .right label, .max-xs-size
[data-id="hr"].hr .content .description .row .box .row .right li, .max-xs-size
[data-id="hr"].hr .content .description .row .box .row .right a {
  line-height: 24px;
}

[data-id="hr"].hr .content .description .row .box .row .left {
  position: relative;
  background: #ca163b;
  background: -moz-linear-gradient(top, #ca163b 0%, #ca163a 100%);
  background: -webkit-linear-gradient(top, #ca163b 0%, #ca163a 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ca163b), to(#ca163a));
  background: -o-linear-gradient(top, #ca163b 0%, #ca163a 100%);
  background: linear-gradient(to bottom, #ca163b 0%, #ca163a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca163b', endColorstr='#ca163a',GradientType=0 );
  padding-top: 90px;
  padding-bottom: 80px;
  padding-left: 10rem;
  -ms-flex-preferred-size: calc(100% - 663px);
  flex-basis: calc(100% - 663px);
  max-width: calc(100% - 663px);
  width: calc(100% - 663px);
}

[data-id="hr"].hr .content .description .row .box .row .left .group {
  position: relative;
  padding-top: 30px;
}

[data-id="hr"].hr .content .description .row .box .row .left .group:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 1px;
  background: #FFF;
}

[data-id="hr"].hr .content .description .row .box .row .right {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  -ms-flex-preferred-size: 663px;
  flex-basis: 663px;
  max-width: 663px;
  width: 663px;
}

[data-id="hr"].hr .content .description .row .box .row .right .dec {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

[data-id="hr"].hr .content .description .row .box .row .right .dec img {
  width: 100%;
  height: 100%;
}

[data-id="hr"].hr .content .description .row .box .row .right label, [data-id="hr"].hr .content .description .row .box .row .right li, [data-id="hr"].hr .content .description .row .box .row .right a {
  font-size: 18px;
}

[data-id="hr"].hr .content .description .row .box .row .right .group {
  position: relative;
  padding-left: 145px;
  padding-right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.max-bg-size [data-id="hr"].hr .content .description .row .box .row .left {
  -ms-flex-preferred-size: calc(100% - 380px);
  flex-basis: calc(100% - 380px);
  max-width: calc(100% - 380px);
  width: calc(100% - 380px);
}

.max-bg-size [data-id="hr"].hr .content .description .row .box .row .right {
  -ms-flex-preferred-size: 380px;
  flex-basis: 380px;
  max-width: 380px;
  width: 380px;
}

.max-bg-size [data-id="hr"].hr .content .description .row .box .row .right .group {
  padding-left: 50px;
  padding-right: 0;
}

.max-lg-size [data-id="hr"].hr .content .description .row .box {
  padding-right: 0;
}

.max-lg-size [data-id="hr"].hr .content .description .row .box .row .left,
.max-lg-size [data-id="hr"].hr .content .description .row .box .row .right {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  width: 100%;
  padding: 3rem 5rem;
  margin: 0;
}

.max-lg-size [data-id="hr"].hr .content .description .row .box .row .left {
  padding-bottom: 1.5rem;
}

.max-lg-size [data-id="hr"].hr .content .description .row .box .row .left .group:before {
  width: 100%;
}

.max-lg-size [data-id="hr"].hr .content .description .row .box .row .right {
  padding-top: 1.5rem;
  background: #ca163b;
  background: -moz-linear-gradient(top, #ca163b 0%, #ca163a 100%);
  background: -webkit-linear-gradient(top, #ca163b 0%, #ca163a 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ca163b), to(#ca163a));
  background: -o-linear-gradient(top, #ca163b 0%, #ca163a 100%);
  background: linear-gradient(to bottom, #ca163b 0%, #ca163a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca163b', endColorstr='#ca163a',GradientType=0 );
}

.max-lg-size [data-id="hr"].hr .content .description .row .box .row .right .dec {
  display: none;
}

.max-lg-size [data-id="hr"].hr .content .description .row .box .row .right .group {
  padding: 0;
  top: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.max-sm-size [data-id="hr"].hr .content .description .row .box .row .left,
.max-sm-size [data-id="hr"].hr .content .description .row .box .row .right {
  padding: 40px 30px;
}

.max-sm-size [data-id="hr"].hr .content .description .row .box .row .left {
  padding-bottom: 20px;
}

.max-sm-size [data-id="hr"].hr .content .description .row .box .row .left h4 {
  font-size: 24px;
  line-height: 30px;
}

.max-sm-size [data-id="hr"].hr .content .description .row .box .row .right {
  padding-top: 20px;
}

[data-id="hr"].hr .content .project {
  padding-top: 90px;
}

.max-sm-size [data-id="hr"].hr .content .project {
  padding-top: 50px;
}

[data-id="hr"].hr .content .project aside {
  padding: 0 80px;
}

[data-id="hr"].hr .content .project aside .table-responsive {
  margin-top: 35px;
}

[data-id="hr"].hr .content .project aside .table-responsive tr th, [data-id="hr"].hr .content .project aside .table-responsive tr td {
  text-align: center;
  white-space: nowrap;
}

.max-md-size [data-id="hr"].hr .content .project aside {
  padding: 0;
}

[data-id="hr"].hr .content .faq {
  padding-top: 87px;
  padding-bottom: 90px;
  margin-bottom: 0;
}

.max-sm-size [data-id="hr"].hr .content .faq {
  padding-top: 50px;
  padding-bottom: 50px;
}

[data-id="hr"].hr .content .faq > .container {
  padding: 0 90px;
}

.max-md-size [data-id="hr"].hr .content .faq > .container {
  padding: 0 15px;
}

[data-id="hr"].hr .content .faq h4 {
  text-align: left;
}

[data-id="hr"].hr .content .faq .panel-group {
  padding-top: 35px;
}

[data-id="hr"].hr .content .faq .panel .panel-heading a {
  padding: 18px 70px 18px 30px;
}

.max-xs-size [data-id="hr"].hr .content .faq .panel .panel-heading a {
  padding: 10px 50px 10px 20px;
}

[data-id="hr"].hr .content .faq .panel .panel-heading a h5 {
  font-size: 16px;
  letter-spacing: 2.5px;
  line-height: 30px;
  padding-left: 65px;
}

.max-xs-size [data-id="hr"].hr .content .faq .panel .panel-heading a h5 {
  letter-spacing: 1.5px;
  line-height: 24px;
}

[data-id="hr"].hr .content .faq .panel .panel-heading a .icon-anw {
  position: absolute;
  float: left;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #FFF;
  text-align: center;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

[data-id="hr"].hr .content .faq .panel .panel-heading a .icon-anw:before {
  content: "Q";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: bold;
  width: 40px;
  height: 40px;
  color: #CCC;
  line-height: 35px;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

[data-id="hr"].hr .content .faq .panel.active .panel-heading a .icon-anw {
  background: #e50032;
}

[data-id="hr"].hr .content .faq .panel.active .panel-heading a .icon-anw:before {
  content: "A";
  color: #FFF;
}

[data-id="hr"].hr .content .faq p {
  letter-spacing: 1.5px;
  line-height: 30px;
}

[data-id="hr"].takecare .content .article.welfare {
  padding-bottom: 85px;
}

[data-id="hr"].takecare .content .article.welfare .info .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 100px 0;
}

[data-id="hr"].takecare .content .article.welfare .info .title .group {
  position: relative;
}

[data-id="hr"].takecare .content .article.welfare .info .title .group img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 146px;
  margin-left: -175px;
}

[data-id="hr"].takecare .content .article.welfare .info .title .group .box h4 {
  text-align: left;
  letter-spacing: 3px;
}

.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .title {
  padding: 50px 0;
}

.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .title .group img {
  position: relative;
  margin-left: 0;
  margin: 0 auto;
  display: block;
  padding: 20px 10px;
}

.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .title .group .box h4, .max-sm-size [data-id="hr"].takecare .content .article.welfare .info .title .group .box p {
  text-align: center;
}

.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .title .group .box p {
  line-height: 35px;
}

.max-xs-size [data-id="hr"].takecare .content .article.welfare .info .title {
  padding: 30px 0;
}

[data-id="hr"].takecare .content .article.welfare .info .row {
  margin: 0 auto;
}

[data-id="hr"].takecare .content .article.welfare .info .row .left h5,
[data-id="hr"].takecare .content .article.welfare .info .row .right h5 {
  text-align: center;
  font-size: 24px;
  letter-spacing: 3px;
  color: #FFF;
}

[data-id="hr"].takecare .content .article.welfare .info .row .left .around,
[data-id="hr"].takecare .content .article.welfare .info .row .right .around {
  position: relative;
}

[data-id="hr"].takecare .content .article.welfare .info .row .left .around:before,
[data-id="hr"].takecare .content .article.welfare .info .row .right .around:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
  width: 100%;
  height: 1px;
}

[data-id="hr"].takecare .content .article.welfare .info .row .left .around h5,
[data-id="hr"].takecare .content .article.welfare .info .row .right .around h5 {
  position: relative;
  padding: 13px 20px;
  width: 180px;
  margin: 0 auto;
  margin-bottom: 37px;
  border-radius: 50px;
}

[data-id="hr"].takecare .content .article.welfare .info .row .left h6,
[data-id="hr"].takecare .content .article.welfare .info .row .right h6 {
  font-size: 24px;
}

[data-id="hr"].takecare .content .article.welfare .info .row .left .columns,
[data-id="hr"].takecare .content .article.welfare .info .row .right .columns {
  height: 375px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

[data-id="hr"].takecare .content .article.welfare .info .row .left .columns .column,
[data-id="hr"].takecare .content .article.welfare .info .row .right .columns .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

[data-id="hr"].takecare .content .article.welfare .info .row .left .columns .column h6,
[data-id="hr"].takecare .content .article.welfare .info .row .right .columns .column h6 {
  padding-right: 40px;
}

[data-id="hr"].takecare .content .article.welfare .info .row .left .lists,
[data-id="hr"].takecare .content .article.welfare .info .row .right .lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

[data-id="hr"].takecare .content .article.welfare .info .row .left .lists > li,
[data-id="hr"].takecare .content .article.welfare .info .row .right .lists > li {
  white-space: nowrap;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}

[data-id="hr"].takecare .content .article.welfare .info .row .left .around:before,
[data-id="hr"].takecare .content .article.welfare .info .row .left .around h5 {
  background: #e50032;
}

[data-id="hr"].takecare .content .article.welfare .info .row .right .around:before,
[data-id="hr"].takecare .content .article.welfare .info .row .right .around h5 {
  background: #fab424;
}

[data-id="hr"].takecare .content .article.welfare .info .row .right .columns {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.max-md-size [data-id="hr"].takecare .content .article.welfare .info .row .left .column h6,
.max-md-size [data-id="hr"].takecare .content .article.welfare .info .row .right .column h6 {
  padding-right: 20px;
}

.max-md-size [data-id="hr"].takecare .content .article.welfare .info .row .right .columns {
  height: auto;
}

.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .row .left .columns,
.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .row .right .columns {
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .row .left .columns .column,
.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .row .right .columns .column {
  width: 50%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  padding-bottom: 30px;
}

.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .row .left .columns .column h6, .max-sm-size [data-id="hr"].takecare .content .article.welfare .info .row .left .columns .column ul,
.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .row .right .columns .column h6,
.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .row .right .columns .column ul {
  display: block;
  width: 100%;
  text-align: center;
}

.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .row .left .columns .column h6,
.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .row .right .columns .column h6 {
  padding-right: 0;
  padding-bottom: 20px;
}

.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .row .left .columns .column ul li,
.max-sm-size [data-id="hr"].takecare .content .article.welfare .info .row .right .columns .column ul li {
  text-align: center;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column .pic img {
  display: block;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  background: #e50032;
}

.max-md-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) {
  padding: 40px 0;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) h4, [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) p, [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) label, [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) li {
  color: #FFF;
  text-align: left;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) h4 {
  letter-spacing: 3px;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) p {
  letter-spacing: 2px;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) label {
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 36px;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) ul li {
  font-size: 18px;
  letter-spacing: 1.75px;
  line-height: 36px;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box {
  width: 89%;
  height: auto;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .title {
  border: solid 2px #FFF;
  border-right: 0;
  border-top-left-radius: 150px;
  border-bottom-left-radius: 150px;
  padding: 50px 80px 40px 80px;
  margin-bottom: 40px;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .title h4 {
  margin-bottom: 23px;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .group {
  padding-left: 125px;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .group label {
  padding-bottom: 20px;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .group ul {
  position: relative;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .group ul:before {
  content: "";
  top: 0;
  left: 0;
  width: 400px;
  height: 1px;
  background: #FFF;
}

.int-lg-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .title {
  padding: 25px 70px 20px 70px;
  margin-bottom: 20px;
}

.int-lg-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .group {
  padding-left: 73px;
}

.int-md-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .title {
  padding: 20px 45px 15px 55px;
  margin-bottom: 15px;
}

.int-md-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .title h4 {
  margin-bottom: 15px;
}

.int-md-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .title p {
  letter-spacing: 1px;
  line-height: 30px;
}

.int-md-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .group {
  padding-left: 58px;
}

.int-md-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .group label {
  line-height: 30px;
  padding-bottom: 10px;
  letter-spacing: 1px;
}

.int-md-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .group ul li {
  line-height: 30px;
  letter-spacing: 1px;
}

.max-md-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .group {
  padding-left: 85px;
}

.max-sm-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .group {
  padding-left: 50px;
}

.max-xs-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box {
  width: calc(100% - 20px);
}

.max-xs-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .title {
  padding: 40px 10px 30px 50px;
}

.max-xs-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .title p {
  line-height: 30px;
}

.max-xs-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .group {
  padding-left: 0;
}

.max-xs-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .group label,
.max-xs-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .group p,
.max-xs-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(2) .box .group ul li {
  font-size: 16px;
  line-height: 30px;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) {
  height: 530px;
  background: #FFF;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) .box {
  height: auto;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) .box img,
[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) .box .text {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) .box .text {
  padding-left: 35px;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) .box .text h4, [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) .box .text p {
  white-space: nowrap;
  text-align: left;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) .box .text h4 + p {
  margin-top: 8px;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) .box .text p {
  font-size: 18px;
  letter-spacing: 1.75px;
  line-height: 36px;
}

.min-hd-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) .box {
  margin-left: -20%;
}

.max-lg-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) .box img {
  position: relative;
  display: block;
  margin: 0 auto;
  left: 0;
  padding: 20px 10px;
}

.max-lg-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) .box .text {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.max-lg-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) .box .group {
  padding-left: 0;
}

.max-lg-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) .box h4, .max-lg-size [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(3) .box p {
  text-align: center;
  white-space: normal;
  padding: 0 20px;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(4) {
  height: 600px;
  z-index: 0;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(4) .box .slick-list {
  overflow: visible;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(4) .box .pic {
  margin-left: -120px;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(4) .box .pic img {
  max-width: none;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(1) .box, [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(4) .box {
  width: 100%;
}

[data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(1) .box .pic, [data-id="hr"].takecare .content .article.retirement .info .columns .column:nth-of-type(4) .box .pic {
  width: 100%;
}

[data-id="hr"].takecare .content .article.environment {
  padding-bottom: 30px;
}

[data-id="hr"].takecare .content .article.environment .info {
  padding: 30px 0 30px 0;
}

[data-id="hr"].takecare .content .article.environment .info .lists {
  padding-left: 75px;
  padding-right: 75px;
  margin-bottom: 0;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-track .list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: solid 3px transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-track .list:before {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-track .list .box {
  padding: 30px 40px;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-track .list .box h4, [data-id="hr"].takecare .content .article.environment .info .lists .slick-track .list .box p {
  text-align: left;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-track .list .box h4 {
  font-size: 20px;
  letter-spacing: 2.5px;
  color: #000;
  margin-bottom: 20px;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-track .list .box p {
  font-size: 16px;
  letter-spacing: 1.5px;
  line-height: 30px;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-track .list + .list:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 120px;
  background: #c8c8c8;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-track .list.slick-current {
  background: #FFF;
  border-color: #e50032;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-track .list.slick-current + .list:before {
  background: transparent;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-arrow {
  width: 45px;
  height: 45px;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-arrow:before {
  background: #FFF;
  font-family: "icomoon";
  color: #e50032;
  font-size: 24px;
  display: block;
  width: 45px;
  height: 45px;
  border: solid 2px #e50032;
  border-radius: 50%;
  text-align: center;
  line-height: 41px;
  opacity: 1;
  -webkit-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-arrow:hover:before {
  background: #e50032;
  color: #FFF;
  -webkit-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-prev {
  left: 0;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-prev:before {
  content: "\e900";
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-next {
  right: 0;
}

[data-id="hr"].takecare .content .article.environment .info .lists .slick-next:before {
  content: "\e901";
}

.max-xs-size [data-id="hr"].takecare .content .article.environment .info .lists {
  padding-left: 20px;
  padding-right: 20px;
}

.max-xs-size [data-id="hr"].takecare .content .article.environment .info .lists .list + .list:before {
  display: none;
}

.max-xs-size [data-id="hr"].takecare .content .article.environment .info .lists .slick-arrow {
  z-index: 10;
}

.max-xs-size [data-id="hr"].takecare .content .article.environment .info .lists .slick-prev {
  left: 5px;
}

.max-xs-size [data-id="hr"].takecare .content .article.environment .info .lists .slick-next {
  right: 5px;
}

[data-id="hr"].oriented .content {
  padding-bottom: 25px;
  background: #FFF;
}

[data-id="hr"].oriented .content .article {
  position: relative;
  padding-top: 90px;
  padding-bottom: 65px;
}

.max-sm-size [data-id="hr"].oriented .content .article {
  padding-top: 50px;
  padding-bottom: 40px;
}

.max-xs-size [data-id="hr"].oriented .content .article {
  padding-top: 40px;
  padding-bottom: 30px;
}

[data-id="hr"].oriented .content .article .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[data-id="hr"].oriented .content .article .info {
  position: relative;
}

[data-id="hr"].oriented .content .article .info h4 {
  letter-spacing: 3px;
  margin-bottom: 45px;
}

[data-id="hr"].oriented .content .article .info p {
  font-size: 18px;
  letter-spacing: 1.75px;
  line-height: 36px;
}

[data-id="hr"].oriented .content .article.define .bg {
  width: 100%;
  height: 100%;
}

[data-id="hr"].oriented .content .article.define .bg .jqimgFill {
  background-position: 0% 100% !important;
}

[data-id="hr"].oriented .content .article.define .info {
  text-align: center;
}

[data-id="hr"].oriented .content .article.define .info h4 {
  margin-bottom: 50px;
}

[data-id="hr"].oriented .content .article.define .info .lists {
  width: 760px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}

[data-id="hr"].oriented .content .article.define .info .lists .list {
  position: relative;
  -webkit-box-flex: 0 0 202px;
  -moz-box-flex: 0 0 202px;
  -webkit-flex: 0 0 202px;
  -ms-flex: 0 0 202px;
  flex: 0 0 202px;
  margin: 0 25px 25px 25px;
  width: 202px;
  height: 202px;
  border-radius: 50%;
}

[data-id="hr"].oriented .content .article.define .info .lists .list .bg-color,
[data-id="hr"].oriented .content .article.define .info .lists .list .border-color {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

[data-id="hr"].oriented .content .article.define .info .lists .list .border-color {
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  -webkit-animation: rotateIn 1s ease-in-out 0.3s both;
  -moz-animation: rotateIn 1s ease-in-out 0.3s both;
  -ms-animation: rotateIn 1s ease-in-out 0.3s both;
  -o-animation: rotateIn 1s ease-in-out 0.3s both;
  animation: rotateIn 1s ease-in-out 0.3s both;
}

[data-id="hr"].oriented .content .article.define .info .lists .list .bg-color {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background: #FFF;
  z-index: 2;
  -webkit-animation: zoomIn 0.5s ease-in-out 0.6s both;
  -moz-animation: zoomIn 0.5s ease-in-out 0.6s both;
  -ms-animation: zoomIn 0.5s ease-in-out 0.6s both;
  -o-animation: zoomIn 0.5s ease-in-out 0.6s both;
  animation: zoomIn 0.5s ease-in-out 0.6s both;
}

[data-id="hr"].oriented .content .article.define .info .lists .list:nth-of-type(1) .border-color {
  background: #ff9c0e;
  background: -moz-linear-gradient(-45deg, #ff9c0e 0%, #ff1e1e 100%);
  background: -webkit-linear-gradient(-45deg, #ff9c0e 0%, #ff1e1e 100%);
  background: -webkit-linear-gradient(315deg, #ff9c0e 0%, #ff1e1e 100%);
  background: -o-linear-gradient(315deg, #ff9c0e 0%, #ff1e1e 100%);
  background: linear-gradient(135deg, #ff9c0e 0%, #ff1e1e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c0e', endColorstr='#ff1e1e',GradientType=1 );
}

[data-id="hr"].oriented .content .article.define .info .lists .list:nth-of-type(2) .border-color {
  background: #ff0e58;
  background: -moz-linear-gradient(-45deg, #ff0e58 0%, #ff1e1e 100%);
  background: -webkit-linear-gradient(-45deg, #ff0e58 0%, #ff1e1e 100%);
  background: -webkit-linear-gradient(315deg, #ff0e58 0%, #ff1e1e 100%);
  background: -o-linear-gradient(315deg, #ff0e58 0%, #ff1e1e 100%);
  background: linear-gradient(135deg, #ff0e58 0%, #ff1e1e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0e58', endColorstr='#ff1e1e',GradientType=1 );
}

[data-id="hr"].oriented .content .article.define .info .lists .list:nth-of-type(3) .border-color {
  background: #ff0e8b;
  background: -moz-linear-gradient(-45deg, #ff0e8b 0%, #a124f8 100%);
  background: -webkit-linear-gradient(-45deg, #ff0e8b 0%, #a124f8 100%);
  background: -webkit-linear-gradient(315deg, #ff0e8b 0%, #a124f8 100%);
  background: -o-linear-gradient(315deg, #ff0e8b 0%, #a124f8 100%);
  background: linear-gradient(135deg, #ff0e8b 0%, #a124f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0e8b', endColorstr='#a124f8',GradientType=1 );
}

[data-id="hr"].oriented .content .article.define .info .lists .list:nth-of-type(4) .border-color {
  background: #27befd;
  background: -moz-linear-gradient(-45deg, #27befd 0%, #0c72ba 100%);
  background: -webkit-linear-gradient(-45deg, #27befd 0%, #0c72ba 100%);
  background: -webkit-linear-gradient(315deg, #27befd 0%, #0c72ba 100%);
  background: -o-linear-gradient(315deg, #27befd 0%, #0c72ba 100%);
  background: linear-gradient(135deg, #27befd 0%, #0c72ba 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27befd', endColorstr='#0c72ba',GradientType=1 );
}

[data-id="hr"].oriented .content .article.define .info .lists .list:nth-of-type(5) .border-color {
  background: #97e41e;
  background: -moz-linear-gradient(-45deg, #97e41e 0%, #069b5e 100%);
  background: -webkit-linear-gradient(-45deg, #97e41e 0%, #069b5e 100%);
  background: -webkit-linear-gradient(315deg, #97e41e 0%, #069b5e 100%);
  background: -o-linear-gradient(315deg, #97e41e 0%, #069b5e 100%);
  background: linear-gradient(135deg, #97e41e 0%, #069b5e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97e41e', endColorstr='#069b5e',GradientType=1 );
}

[data-id="hr"].oriented .content .article.define .info .lists .list .group {
  z-index: 3;
}

[data-id="hr"].oriented .content .article.define .info .lists .list .group h5, [data-id="hr"].oriented .content .article.define .info .lists .list .group p {
  white-space: nowrap;
}

[data-id="hr"].oriented .content .article.define .info .lists .list .group h5 {
  font-size: 24px;
  letter-spacing: 3px;
  margin-bottom: 15px;
  -webkit-animation: fade-in 0.5s ease-in-out 0.75s both;
  -moz-animation: fade-in 0.5s ease-in-out 0.75s both;
  -ms-animation: fade-in 0.5s ease-in-out 0.75s both;
  -o-animation: fade-in 0.5s ease-in-out 0.75s both;
  animation: fade-in 0.5s ease-in-out 0.75s both;
}

[data-id="hr"].oriented .content .article.define .info .lists .list .group p {
  -webkit-animation: fade-in 0.5s ease-in-out 0.75s both;
  -moz-animation: fade-in 0.5s ease-in-out 0.75s both;
  -ms-animation: fade-in 0.5s ease-in-out 0.75s both;
  -o-animation: fade-in 0.5s ease-in-out 0.75s both;
  animation: fade-in 0.5s ease-in-out 0.75s both;
}

[data-id="hr"].oriented .content .article.learning .bg {
  width: 100%;
  height: 100%;
}

[data-id="hr"].oriented .content .article.learning .bg .jqimgFill {
  background-position: 38% 100% !important;
}

[data-id="hr"].oriented .content .article.learning .info > .row .left .box {
  padding: 75px 75px 75px 140px;
}

[data-id="hr"].oriented .content .article.learning .info > .row .left .box h4 {
  text-align: left;
}

[data-id="hr"].oriented .content .article.learning .info > .row .left .box .group img {
  float: left;
  display: block;
  margin-right: 30px;
}

[data-id="hr"].oriented .content .article.learning .info > .row .right .pic img {
  float: right;
  margin: 0 auto;
  padding: 0 4em;
}

.max-lg-size [data-id="hr"].oriented .content .article.learning .info > .row .left .box {
  padding: 0;
}

.max-md-size [data-id="hr"].oriented .content .article.learning .bg .jqimgFill {
  background-position: 24% 100% !important;
}

[data-id="hr"].oriented .content .article.sound .info .box .group p {
  text-align: center;
}

[data-id="hr"].oriented .content .article.sound .info .box .pic {
  margin-top: -90px;
}

[data-id="hr"].oriented .content .article.sound .info .box .pic img {
  display: block;
  margin: 0 auto;
}

.max-md-size [data-id="hr"].oriented .content .article.define .info .lists {
  width: 100%;
}

.max-md-size [data-id="hr"].oriented .content .article.define .info .lists .list {
  -webkit-box-flex: 0 0 180px;
  -moz-box-flex: 0 0 180px;
  -webkit-flex: 0 0 180px;
  -ms-flex: 0 0 180px;
  flex: 0 0 180px;
  margin: 0 10px 10px 10px;
  width: 180px;
  height: 180px;
}

.max-md-size [data-id="hr"].oriented .content .article.define .info .lists .list .group p {
  font-size: 16px;
}

.max-md-size [data-id="hr"].oriented .content .article.learning .info {
  padding-bottom: 300px;
}

.max-md-size [data-id="hr"].oriented .content .article.learning .info > .row .left .box h4 {
  text-align: center;
}

.max-md-size [data-id="hr"].oriented .content .article.learning .info > .row .left .box .group {
  position: relative;
  float: left;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.max-md-size [data-id="hr"].oriented .content .article.learning .info > .row .left .box .group p {
  white-space: nowrap;
}

.max-md-size [data-id="hr"].oriented .content .article.learning .info > .row .left .box .group img {
  margin-left: -120px;
}

.max-md-size [data-id="hr"].oriented .content .article.learning .info > .row .right {
  padding-top: 50px;
}

.max-md-size [data-id="hr"].oriented .content .article.learning .info > .row .right .pic img {
  float: none;
}

.max-md-size [data-id="hr"].oriented .content .article.sound .info .box .pic {
  margin-top: -30px;
}

.max-sm-size [data-id="hr"].oriented .content .article .info h4 {
  margin-bottom: 30px;
}

.max-sm-size [data-id="hr"].oriented .content .article.learning .bg .jqimgFill {
  background-position: 26% 100% !important;
}

.max-sm-size [data-id="hr"].oriented .content .article.learning .info > .row .left .box .group img {
  float: none;
  margin: 0 auto;
  margin-bottom: 20px;
  width: 50px;
}

.max-sm-size [data-id="hr"].oriented .content .article.learning .info > .row .right .pic img {
  padding: 0 1em;
}

.max-sm-size [data-id="hr"].oriented .content .article.sound .info .box .pic {
  margin-top: 10px;
}

.max-xs-size [data-id="hr"].oriented .content .article .info h4 {
  font-size: 24px;
}

.max-xs-size [data-id="hr"].oriented .content .article .info .group p {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
}

.max-xs-size [data-id="hr"].oriented .content .article.define .info .lists .list .group h5 {
  font-size: 20px;
}

.max-xs-size [data-id="hr"].oriented .content .article.learning .bg .jqimgFill {
  background-position: 27% 100% !important;
}

.max-xs-size [data-id="hr"].oriented .content .article.learning .info > .row .right .pic img {
  padding: 0;
}

.max-xs-size [data-id="hr"].oriented .content .article.sound .info .box .pic {
  margin-top: 15px;
}

[data-id="hr"].condition .content .title {
  padding-bottom: 40px;
}

[data-id="hr"].condition .content .title .container {
  border-bottom: solid 1px #eee;
  padding-bottom: 57px;
}

[data-id="hr"].condition .content .title .container h3 {
  font-size: 30px;
  color: #555;
}

.max-sm-size [data-id="hr"].condition .content .title {
  padding-top: 50px;
}

.max-sm-size [data-id="hr"].condition .content .title .container {
  padding-bottom: 40px;
}

.max-xs-size [data-id="hr"].condition .content .title {
  padding-top: 25px;
  padding-bottom: 30px;
}

.max-xs-size [data-id="hr"].condition .content .title .container {
  padding-bottom: 25px;
}

.max-xs-size [data-id="hr"].condition .content .title .container h3 {
  font-size: 24px;
}

[data-id="hr"].condition .content .lists .btn-area .group .btn {
  padding: 8px 15px;
}

[data-id="hr"].resume .banner .banner-bottom {
  width: 90%;
  margin: 0 auto;
  padding: 39px 0;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 50%, #eeeeee 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #fdfdfd 50%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #fdfdfd), to(#eeeeee));
  background: -o-linear-gradient(top, #ffffff 0%, #fdfdfd 50%, #eeeeee 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #fdfdfd 50%, #eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 100%;
}

[data-id="hr"].resume .banner .banner-bottom .left, [data-id="hr"].resume .banner .banner-bottom .right {
  padding: 0 6rem;
}

[data-id="hr"].resume .banner .banner-bottom .left p {
  text-align: right;
  font-size: 18px;
  line-height: 36px;
}

[data-id="hr"].resume .banner .banner-bottom .right {
  position: relative;
}

[data-id="hr"].resume .banner .banner-bottom .right:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4px;
  height: 100px;
  background: #e50032;
}

[data-id="hr"].resume .banner .banner-bottom .right .box {
  display: block;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[data-id="hr"].resume .banner .banner-bottom .right .box a {
  position: relative;
  display: block;
  border-radius: 25px;
  background: #e50032;
  color: #FFF;
  width: 260px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 12px;
}

.max-md-size [data-id="hr"].resume .banner .banner-bottom {
  padding: 25px 0;
}

.max-md-size [data-id="hr"].resume .banner .banner-bottom .left {
  margin: 0 auto;
  padding-bottom: 15px;
}

.max-md-size [data-id="hr"].resume .banner .banner-bottom .left p {
  text-align: center;
}

.max-md-size [data-id="hr"].resume .banner .banner-bottom .right {
  width: 100%;
}

.max-md-size [data-id="hr"].resume .banner .banner-bottom .right:before {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 60%;
  height: 2px;
}

.max-md-size [data-id="hr"].resume .banner .banner-bottom .right .box {
  margin-top: 15px;
}

.max-md-size [data-id="hr"].resume .banner .banner-bottom .right .box a {
  margin: 0 auto;
}

.max-sm-size [data-id="hr"].resume .banner .banner-bottom .left, .max-sm-size [data-id="hr"].resume .banner .banner-bottom .right {
  padding: 0;
  padding-bottom: 15px;
}

.max-sm-size [data-id="hr"].resume .banner .banner-bottom .right:before {
  width: 75%;
}

.max-sm-size [data-id="hr"].resume .banner .banner-bottom .right .box a {
  max-width: 200px;
  font-size: 20px;
}

.max-xs-size [data-id="hr"].resume .banner .banner-bottom {
  position: relative;
  padding: 25px 0;
  top: -30px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.max-xs-size [data-id="hr"].resume .banner .banner-bottom .right .box a {
  font-size: 18px;
}

[data-id="hr"].resume .content .title {
  padding-top: 114px;
  padding-bottom: 52px;
  border-bottom: solid 1px #ddd;
}

[data-id="hr"].resume .content .title p {
  font-size: 16px;
  letter-spacing: 1.5px;
  color: #555;
  padding-top: 0;
  padding-bottom: 0;
}

.max-md-size [data-id="hr"].resume .content .title p br {
  display: none;
}

.max-sm-size [data-id="hr"].resume .content .title {
  padding-bottom: 30px;
}

.max-sm-size [data-id="hr"].resume .content .title p br {
  display: none;
}

.max-xs-size [data-id="hr"].resume .content .title {
  padding-top: 200px;
}

.max-sm-size [data-id="hr"].resume .content .lists .info {
  padding-left: 0;
  padding-right: 0;
}

[data-id="hr"].resume .content .info .list {
  padding-top: 50px;
  padding-left: 2rem;
  padding-right: 2rem;
}

[data-id="hr"].resume .content .info .list .left h4.sub-title {
  font-size: 16px;
}

[data-id="hr"].resume .content .info .list .left p {
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
  color: #e50032;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group {
  padding: 15px 0 40px 0;
  border-bottom: solid 1px #c8c8c8;
  background: #FFF;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group:nth-of-type(1) {
  padding-top: 0;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group:nth-of-type(1) .control-label {
  padding-top: 0;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-label {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-bottom: 13px;
  padding-top: 11px;
  padding-left: 0;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: .5rem;
  padding-top: 0;
  padding-bottom: 0;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .input-group {
  -webkit-box-flex: 999 999 auto;
  -moz-box-flex: 999 999 auto;
  -webkit-flex: 999 999 auto;
  -ms-flex: 999 999 auto;
  flex: 999 999 auto;
  background: #f6f6f6;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .input-group .row {
  margin: 0;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .input-group .control-label {
  padding-left: .5rem;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .input-group .control-input {
  -webkit-box-flex: 1 0 0;
  -moz-box-flex: 1 0 0;
  -webkit-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  padding: 0;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .radio input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .radio input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .radio input[type="checkbox"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .radio input[type="checkbox"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .radio-inline input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .radio-inline input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .radio-inline input[type="checkbox"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .radio-inline input[type="checkbox"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .checkbox input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .checkbox input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .checkbox input[type="checkbox"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .checkbox input[type="checkbox"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .checkbox-inline input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .checkbox-inline input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .checkbox-inline input[type="checkbox"],
[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .control-input .checkbox-inline input[type="checkbox"] {
  margin-left: -35px;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group label span {
  display: inline-block;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .referrals {
  padding: 0 0.5rem;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .referrals > .row {
  display: block;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .referrals > .row .radio-group {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .referrals > .row .input-group {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .referrals > .row .input-group.items {
  width: 100%;
  padding-right: .5rem;
  padding-left: .5rem;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .referrals > .row .input-group.items > .row .item {
  display: block;
  float: left;
}

.min-md-size [data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .referrals > .row .input-group.items > .row .item {
  max-width: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
}

.max-md-size [data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .referrals > .row .input-group.items > .row .item {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .referrals > .row .input-group.items > .row .item .row .control-label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .referrals > .row .input-group.items > .row .item .row .control-input {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
}

[data-id="hr"].resume .content .info .list .right .form-lists.top .form-group .referrals > .row .other-input {
  padding: 0;
}

[data-id="hr"].resume .content .info .list .right .form-list {
  margin-bottom: 50px;
}

[data-id="hr"].resume .content .info .list .right .form-list > .form-group {
  margin-left: 0;
  margin-right: 0;
}

.max-sm-size [data-id="hr"].resume .content .info .list .right .form-list:last-of-type {
  margin-bottom: 0;
}

[data-id="hr"].resume .content .info .list .right h5 {
  float: left;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #e50032;
  padding-right: 5px;
  margin-bottom: 30px;
}

.max-sm-size [data-id="hr"].resume .content .info .list .right h5 {
  margin-bottom: 20px;
}

[data-id="hr"].resume .content .info .list .right .description {
  display: inline-block;
  font-size: 15px;
  color: #888;
  padding-left: 5px;
  letter-spacing: 1px;
  padding-bottom: 15px;
}

.max-sm-size [data-id="hr"].resume .content .info .list .right .description {
  font-size: 14px;
}

[data-id="hr"].resume .content .info .list .right .must:after {
  content: "*";
  padding: 0 3px;
  color: #e50032;
}

[data-id="hr"].resume .content .info .list .right .warning ul {
  padding-left: 177px;
}

.max-sm-size [data-id="hr"].resume .content .info .list .right .warning ul {
  padding-left: 0;
}

[data-id="hr"].resume .content .info .list .right .warning ul li {
  font-size: 14px;
  letter-spacing: 1.5px;
  color: #e50032;
  margin-bottom: 0;
}

[data-id="hr"].resume .content .info .list .right .statement {
  margin-left: 30px;
  padding-top: 60px;
}

.max-sm-size [data-id="hr"].resume .content .info .list .right .statement {
  margin-left: 0;
}

[data-id="hr"].resume .content .info .list .right .statement .checkbox-area {
  padding-bottom: 30px;
  line-height: 30px;
}

.max-sm-size [data-id="hr"].resume .content .info .list .right .statement .checkbox-area {
  line-height: 24px;
  margin-left: 15px;
}

[data-id="hr"].resume .content .info .list .right .statement .checkbox-area .checkbox-inline,
[data-id="hr"].resume .content .info .list .right .statement .checkbox-area li, [data-id="hr"].resume .content .info .list .right .statement .checkbox-area a, [data-id="hr"].resume .content .info .list .right .statement .checkbox-area button,
[data-id="hr"].resume .content .info .list .right .statement .list-area .checkbox-inline,
[data-id="hr"].resume .content .info .list .right .statement .list-area li,
[data-id="hr"].resume .content .info .list .right .statement .list-area a,
[data-id="hr"].resume .content .info .list .right .statement .list-area button {
  font-size: 16px;
  letter-spacing: 0.8px;
}

[data-id="hr"].resume .content .info .list .right .statement .checkbox-area a, [data-id="hr"].resume .content .info .list .right .statement .checkbox-area button,
[data-id="hr"].resume .content .info .list .right .statement .list-area a,
[data-id="hr"].resume .content .info .list .right .statement .list-area button {
  color: #e50032;
  padding: 0;
  line-height: 30px;
  vertical-align: baseline;
}

.max-sm-size [data-id="hr"].resume .content .info .list .right .statement .checkbox-area a, .max-sm-size [data-id="hr"].resume .content .info .list .right .statement .checkbox-area button, .max-sm-size
[data-id="hr"].resume .content .info .list .right .statement .list-area a, .max-sm-size
[data-id="hr"].resume .content .info .list .right .statement .list-area button {
  line-height: 24px;
}

[data-id="hr"].resume .content .info .list .right .statement .checkbox-inline input {
  margin-left: -35px;
}

[data-id="hr"].resume .content .info .list .right .statement .list-area {
  margin-left: 20px;
}

.max-sm-size [data-id="hr"].resume .content .info .list .right .statement .list-area {
  margin-left: 0;
}

[data-id="hr"].resume .content .info .list .right .form-group {
  background: #f6f6f6;
  padding: 0;
  margin-right: -.5rem;
  margin-left: -.5rem;
  margin-bottom: 10px;
}

[data-id="hr"].resume .content .info .list .right .form-group .control-label-w,
[data-id="hr"].resume .content .info .list .right .form-group .control-input-w {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

[data-id="hr"].resume .content .info .list .right .form-group.ability .sub-group .control-label {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.max-xs-size [data-id="hr"].resume .content .info .list .right .form-group.ability .sub-group .control-label {
  padding-bottom: 13px;
}

.max-xs-size [data-id="hr"].resume .content .info .list .right .form-group.ability .sub-group .control-label + .control-input {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding-top: 13px;
}

.max-xs-size [data-id="hr"].resume .content .info .list .right .form-group.ability .sub-group .control-label + .control-input input {
  padding-left: 0;
  padding-right: 0;
}

[data-id="hr"].resume .content .info .list .right .form-group.ability .sub-group .control-input .dropkick .dk-selected {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.5px;
  text-align: center;
  background: #f6f6f6;
}

.max-xs-size [data-id="hr"].resume .content .info .list .right .form-group.ability .sub-group .control-input .dropkick .dk-selected {
  text-align: left;
}

[data-id="hr"].resume .content .info .list .right .form-group.ability .sub-group .control-input .dropkick .dk-selected:before {
  border-width: 0.55em 0.35em 0;
  border-top-color: #000;
  margin: -0.125em 0.25em 0 0;
}

[data-id="hr"].resume .content .info .list .right .form-group.ability .sub-group .control-input .dropkick .dk-selected:after {
  margin-right: 1.25em;
  border: 0;
}

[data-id="hr"].resume .content .info .list .right .form-group.ability .sub-group .control-input .dropkick .dk-select-options {
  padding: 0;
  border-radius: 0;
  border-color: #000;
}

[data-id="hr"].resume .content .info .list .right .form-group.ability .sub-group .control-input .dropkick .dk-select-options li {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 7px 10px;
  margin-bottom: 0;
}

.max-xs-size [data-id="hr"].resume .content .info .list .right .form-group.ability .sub-group .control-input .dropkick .dk-select-options li {
  text-align: left;
}

[data-id="hr"].resume .content .info .list .right .form-group.ability .sub-group .control-input .dropkick .dk-select-options li.dk-option-highlight, [data-id="hr"].resume .content .info .list .right .form-group.ability .sub-group .control-input .dropkick .dk-select-options li.dk-option-selected {
  background: #000;
  color: #FFF;
}

[data-id="hr"].resume .content .info .list .right .form-group.ability .sub-group .control-input .dropkick .dk-select-options li.dk-option-selected {
  opacity: 0.5;
}

.max-lg-size [data-id="hr"].resume .content .info .list .right .form-group.ability.sub-groups {
  margin-top: -10px;
}

.max-lg-size [data-id="hr"].resume .content .info .list .right .form-group.ability.sub-groups .sub-group {
  margin-top: 10px;
}

.max-lg-size [data-id="hr"].resume .content .info .list .right .form-group.ability.sub-groups .sub-group + .sub-group-w {
  margin-left: 0;
}

.max-lg-size [data-id="hr"].resume .content .info .list .right .form-group.ability.sub-groups .sub-group:nth-of-type(even) {
  margin-left: 10px;
}

.max-lg-size [data-id="hr"].resume .content .info .list .right .form-group.ability.sub-groups .sub-group-w.col-sm-6.sub-group-w.col-sm-6:nth-of-type(1),
.max-lg-size [data-id="hr"].resume .content .info .list .right .form-group.ability.sub-groups .sub-group-w.col-sm-6.sub-group-w.col-sm-6:nth-of-type(2) {
  margin-bottom: 0;
}

.int-md-size [data-id="hr"].resume .content .info .list .right .form-group.ability.sub-groups .sub-group {
  -ms-flex-preferred-size: calc(50% - 5px);
  flex-basis: calc(50% - 5px);
  max-width: calc(50% - 5px);
}

.int-md-size [data-id="hr"].resume .content .info .list .right .form-group.ability.sub-groups .sub-group .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.int-md-size [data-id="hr"].resume .content .info .list .right .form-group.ability.sub-groups .sub-group .row .control-label span {
  display: block;
  text-align: left;
}

[data-id="hr"].resume .content .info .list .right .form-group.sub-groups {
  background: transparent;
}

[data-id="hr"].resume .content .info .list .right .form-group.sub-groups .sub-group-w {
  background: #f6f6f6;
}

[data-id="hr"].resume .content .info .list .right .form-group.sub-groups .sub-group-w.col-md-3 {
  -ms-flex-preferred-size: calc(25% - 7.5px);
  flex-basis: calc(25% - 7.5px);
  max-width: calc(25% - 7.5px);
}

[data-id="hr"].resume .content .info .list .right .form-group.sub-groups .sub-group-w.col-md-3 + .sub-group-w {
  margin-left: 10px;
}

.min-lg-size [data-id="hr"].resume .content .info .list .right .form-group.sub-groups .sub-group-w.col-lg-6 {
  -ms-flex-preferred-size: calc(50% - 5px);
  flex-basis: calc(50% - 5px);
  max-width: calc(50% - 5px);
}

.min-lg-size [data-id="hr"].resume .content .info .list .right .form-group.sub-groups .sub-group-w.col-lg-6 + .sub-group-w {
  margin-left: 10px;
}

.max-lg-size [data-id="hr"].resume .content .info .list .right .form-group.sub-groups .sub-group-w + .sub-group {
  margin-top: 10px;
}

.min-md-size [data-id="hr"].resume .content .info .list .right .form-group.sub-groups .sub-group-w.col-md-6 {
  -ms-flex-preferred-size: calc(50% - 5px);
  flex-basis: calc(50% - 5px);
  max-width: calc(50% - 5px);
}

.min-md-size [data-id="hr"].resume .content .info .list .right .form-group.sub-groups .sub-group-w.col-md-6 + .sub-group-w {
  margin-left: 10px;
}

.int-sm-size [data-id="hr"].resume .content .info .list .right .form-group.sub-groups .sub-group-w.col-sm-6 {
  -ms-flex-preferred-size: calc(50% - 5px);
  flex-basis: calc(50% - 5px);
  max-width: calc(50% - 5px);
}

.int-sm-size [data-id="hr"].resume .content .info .list .right .form-group.sub-groups .sub-group-w.col-sm-6 + .sub-group-w {
  margin-left: 10px;
}

.max-sm-size [data-id="hr"].resume .content .info .list .right .form-group.sub-groups .sub-group-w.col-sm-6 {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

[data-id="hr"].resume .content .info .list .right .form-group .control-label,
[data-id="hr"].resume .content .info .list .right .form-group .control-input {
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 26px;
}

[data-id="hr"].resume .content .info .list .right .form-group .control-label .control-input-left,
[data-id="hr"].resume .content .info .list .right .form-group .control-input .control-input-left {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

[data-id="hr"].resume .content .info .list .right .form-group .control-label.nopaddingb,
[data-id="hr"].resume .content .info .list .right .form-group .control-input.nopaddingb {
  padding-bottom: 0;
}

.max-sm-size [data-id="hr"].resume .content .info .list .right .form-group .control-label, .max-sm-size
[data-id="hr"].resume .content .info .list .right .form-group .control-input {
  padding-left: 13px;
}

[data-id="hr"].resume .content .info .list .right .form-group label {
  color: #555;
}

[data-id="hr"].resume .content .info .list .right .form-group label span {
  display: block;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.5px;
  color: #555;
}

[data-id="hr"].resume .content .info .list .right .form-group .radio-group {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

[data-id="hr"].resume .content .info .list .right .form-group .radio-input,
[data-id="hr"].resume .content .info .list .right .form-group .control-input {
  -webkit-box-flex: 999 999 auto;
  -moz-box-flex: 999 999 auto;
  -webkit-flex: 999 999 auto;
  -ms-flex: 999 999 auto;
  flex: 999 999 auto;
}

[data-id="hr"].resume .content .info .list .right .form-group .control-input input,
[data-id="hr"].resume .content .info .list .right .form-group .control-input textarea {
  background: #f6f6f6;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 50px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 38px;
  letter-spacing: 0.5px;
  color: #555;
}

[data-id="hr"].resume .content .info .list .right .form-group .control-input.date,
[data-id="hr"].resume .content .info .list .right .form-group .control-input .date {
  position: relative;
  color: #555;
}

[data-id="hr"].resume .content .info .list .right .form-group .control-input.date:after,
[data-id="hr"].resume .content .info .list .right .form-group .control-input .date:after {
  content: "\e910";
  font-family: "icomoon";
  font-size: 20px;
  position: absolute;
  right: 21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #777;
}

.mobile-mode [data-id="hr"].resume .content .info .list .right .form-group .control-input.date:after, .mobile-mode
[data-id="hr"].resume .content .info .list .right .form-group .control-input .date:after {
  display: none;
}

[data-id="hr"].resume .content .info .list .right .form-group .control-input textarea {
  height: auto;
  min-height: 215px;
  padding-left: 0;
  color: #555;
}

[data-id="hr"].resume .content .info .list .right .form-group .control-input .upload {
  background: #555;
  color: #FFF;
  margin-top: 7px;
  padding: 7px 26px;
  font-size: 16px;
  letter-spacing: 0.5px;
}

[data-id="hr"].resume .content .info .list .right .form-group .control-input .upload + span {
  margin-left: 25px;
  letter-spacing: 0.5px;
  color: #555;
}

[data-id="hr"].resume .content .info .list .right .form-group .control-input .radio,
[data-id="hr"].resume .content .info .list .right .form-group .control-input .radio-inline,
[data-id="hr"].resume .content .info .list .right .form-group .control-input .checkbox,
[data-id="hr"].resume .content .info .list .right .form-group .control-input .checkbox-inline {
  padding: 13px 30px;
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0.5px;
}

[data-id="hr"].resume .content .info .list .right .form-group .control-input .radio input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .radio input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .radio input[type="checkbox"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .radio input[type="checkbox"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .radio-inline input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .radio-inline input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .radio-inline input[type="checkbox"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .radio-inline input[type="checkbox"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .checkbox input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .checkbox input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .checkbox input[type="checkbox"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .checkbox input[type="checkbox"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .checkbox-inline input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .checkbox-inline input[type="radio"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .checkbox-inline input[type="checkbox"],
[data-id="hr"].resume .content .info .list .right .form-group .control-input .checkbox-inline input[type="checkbox"] {
  height: auto;
  line-height: normal;
  padding: 0;
  margin-left: -30px;
  color: #555;
}

.max-xs-size [data-id="hr"].resume .content .info .list .right .form-group .control-input .radio, .max-xs-size
[data-id="hr"].resume .content .info .list .right .form-group .control-input .radio-inline, .max-xs-size
[data-id="hr"].resume .content .info .list .right .form-group .control-input .checkbox, .max-xs-size
[data-id="hr"].resume .content .info .list .right .form-group .control-input .checkbox-inline {
  padding: 8px 30px;
}

[data-id="hr"].resume .content .info .list .right .form-group .control-input .dk-select-open-down {
  z-index: 50;
}

[data-id="hr"].resume .content .info .list .right .form-group .control-input .dk-select {
  width: 100%;
  overflow: visible;
}

.max-sm-size [data-id="hr"].resume .content .info .list .right .form-group .control-input .dk-select {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

[data-id="hr"].resume .content .info .list .right .form-group .control-input .dk-select .dk-selected {
  overflow: visible;
  white-space: normal;
  width: 100%;
  color: #555;
}

[data-id="hr"].resume .content .info .list .right .form-group.bg-white {
  padding-right: 0;
}

[data-id="hr"].resume .content .info .list .right .form-group.bg-white .control-input {
  padding-top: 0;
  padding-bottom: 0;
}

[data-id="hr"].resume .content .info .list .right .form-group.bg-white .control-input .radio,
[data-id="hr"].resume .content .info .list .right .form-group.bg-white .control-input .radio-inline,
[data-id="hr"].resume .content .info .list .right .form-group.bg-white .control-input .checkbox,
[data-id="hr"].resume .content .info .list .right .form-group.bg-white .control-input .checkbox-inline {
  padding: 26px 30px;
}

.max-sm-size [data-id="hr"].resume .content .info .list .right .form-group.bg-white .control-input .radio, .max-sm-size
[data-id="hr"].resume .content .info .list .right .form-group.bg-white .control-input .radio-inline, .max-sm-size
[data-id="hr"].resume .content .info .list .right .form-group.bg-white .control-input .checkbox, .max-sm-size
[data-id="hr"].resume .content .info .list .right .form-group.bg-white .control-input .checkbox-inline {
  padding: 15px 30px;
}

[data-id="hr"].resume .content .info .list .right .form-group.bg-white .control-input .radio-input {
  background: #f6f6f6;
  padding: 13px 18px;
}

[data-id="hr"].resume .content .info .list .right .form-group.bg-white .control-input .radio-input input {
  padding-top: 6px;
  padding-bottom: 6px;
  height: auto;
  color: #555;
}

[data-id="hr"].resume .content .info .list .right .add-btn {
  background: #e50032;
  border-radius: 0;
  color: #FFF;
  letter-spacing: 1.5px;
  padding: 7px 25px;
  margin-top: 10px;
  -webkit-font-smoothing: auto;
}

[data-id="hr"].resume .content .info .list .right .result {
  position: relative;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
}

[data-id="hr"].resume .content .info .list .right .result .lists {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding-left: 26px;
  padding-right: 26px;
  border: solid 1px #969696;
}

[data-id="hr"].resume .content .info .list .right .result .lists .ability .sub-group .col-lg-4 {
  text-align: left;
}

[data-id="hr"].resume .content .info .list .right .result .lists .form-group {
  width: 100%;
  background: #FFF;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

[data-id="hr"].resume .content .info .list .right .result .lists .form-group .control-label,
[data-id="hr"].resume .content .info .list .right .result .lists .form-group .control-label span {
  color: #000;
}

[data-id="hr"].resume .content .info .list .right .result .lists .form-group .control-input input {
  background: #FFF;
}

[data-id="hr"].resume .content .info .list .right .result .lists .form-group.sub-groups .sub-group-w {
  background: #FFF;
}

[data-id="hr"].resume .content .info .list .right .result .lists .list {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

[data-id="hr"].resume .content .info .list .right .result .lists .list + .list {
  border-top: solid 1px #969696;
}

[data-id="hr"].resume .content .info .list .right .result .lists .list .control-input,
[data-id="hr"].resume .content .info .list .right .result .lists .list .control-label {
  padding-left: 0;
  padding-right: 0;
}

[data-id="hr"].resume .content .info .list .right .result .lists .list .control-label {
  min-width: 170px;
  color: #555;
}

[data-id="hr"].resume .content .info .list .right .result .lists .list .control-input {
  padding-left: 10px;
  color: #555;
}

[data-id="hr"].resume .content .info .list .right .result .lists .list .col-lg-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

[data-id="hr"].resume .content .info .list .right .result .lists .list .col-lg-3 .control-label {
  min-width: 100px;
}

[data-id="hr"].resume .content .info .list .right .result .lists .list .col-lg-3 .control-input {
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 16px;
  line-height: 25px;
}

.max-md-size [data-id="hr"].resume .content .info .list .right .result .lists .list .col-lg-3 .control-label {
  min-width: 170px;
}

.max-xs-size [data-id="hr"].resume .content .info .list .right .result .lists .list .col-lg-3 .control-label {
  min-width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding-bottom: 13px;
}

.max-xs-size [data-id="hr"].resume .content .info .list .right .result .lists .list .col-lg-3 .control-label + .control-input {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding-left: 0;
  padding-top: 13px;
}

.max-xs-size [data-id="hr"].resume .content .info .list .right .result .lists .list .col-lg-3 .control-label + .control-input input {
  padding-left: 0;
  padding-right: 0;
}

[data-id="hr"].resume .content .info .list .right .result .lists + .lists {
  margin-top: 25px;
}

[data-id="hr"].resume .content .info .list .right .result .delete {
  position: absolute;
  right: -41px;
  top: -1px;
  background: #c8c8c8;
  border-radius: 0;
}

[data-id="hr"].resume .content .info .list .right .result .delete:after {
  content: "\e911";
  font-family: "icomoon";
  font-size: 21px;
  color: #FFF;
}

[data-id="hr"].resume .content .info .list .right .result .ability .row {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.max-sm-size [data-id="hr"].resume .content .info .list .right .result .lists .list .row .col-sm-6 + .col-sm-6 {
  border-top: solid 1px #969696;
}

.max-xs-size [data-id="hr"].resume .content .info .list .right .result {
  margin-top: 50px;
}

.max-xs-size [data-id="hr"].resume .content .info .list .right .result .lists .list .control-label {
  min-width: 100%;
}

.max-xs-size [data-id="hr"].resume .content .info .list .right .result .lists .list .control-label span {
  font-weight: bold;
  float: left;
}

.max-xs-size [data-id="hr"].resume .content .info .list .right .result .lists .list .control-label span + span {
  padding-left: 5px;
}

.max-xs-size [data-id="hr"].resume .content .info .list .right .result .lists .list .control-input {
  display: block;
  padding-bottom: 10px;
}

[data-id="hr"].resume .content .info .list.apply .right .form-group .control-input .checkbox-inline {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 35px;
}

.max-sm-size [data-id="hr"].resume .content .info .list {
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
}

.max-sm-size [data-id="hr"].resume .content .info .list.half .col-sm-6 + .col-sm-6 {
  border-top: solid 1px #969696;
}

.max-sm-size [data-id="hr"].resume .content .info .list .right .result .delete {
  right: -1px;
  top: -44px;
}

.max-sm-size [data-id="hr"].resume .content .info .list.apply .right .form-group .control-input .checkbox-inline {
  margin-bottom: 0;
}

.max-sm-size [data-id="hr"].resume .content .info .list .result .lists + .lists {
  margin-top: 50px;
}

[data-id="hr"].resume .content .btn-area .group {
  position: relative;
  float: left;
  width: 100%;
}

[data-id="hr"].resume .content .btn-area .group .btn {
  padding-right: 100px;
  padding-left: 100px;
  border-radius: 50px;
}

[data-id="hr"].resume .content .btn-area .group .btn.back, [data-id="hr"].resume .content .btn-area .group .btn.step {
  float: left;
}

[data-id="hr"].resume .content .btn-area .group .btn.back {
  padding-left: 75px;
  padding-right: 75px;
}

[data-id="hr"].resume .content .btn-area .group .btn.step {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

[data-id="hr"].resume .content .btn-area .group .btn span {
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
}

.max-lg-size [data-id="hr"].resume .content .group .btn {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 75px;
  padding-right: 75px;
}

.max-lg-size [data-id="hr"].resume .content .group .btn.back {
  padding-left: 50px;
  padding-right: 50px;
}

.max-sm-size [data-id="hr"].resume .content {
  padding: 0 30px;
}

[data-id="hr"].resume.application .content .info .list .right .form-group .control-label-w {
  min-width: 150px;
}

.max-sm-size [data-id="hr"].resume.autobiography .content .lists .info .list .box .left, .max-sm-size
[data-id="hr"].resume.autobiography .content .lists .info .list .box .right {
  padding-left: 10px;
  padding-right: 10px;
}

.max-xs-size [data-id="hr"].resume.autobiography .content .lists .info .list .box .right .form-group .control-label {
  padding: 10px 0;
  background: #FFF;
  min-width: 100%;
}

[data-id="hr"].resume.autobiography .content .lists .info .list .box .right .form-group .control-input {
  padding: 0;
}

[data-id="hr"].resume.autobiography .content .lists .info .list .box .right .form-group .control-input textarea {
  padding: 6px 12px;
}

.max-bg-size [data-id="hr"].resume .content .lists .info .list .box .left,
.max-bg-size [data-id="hr"].resume .content .lists .info .list .box .right {
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.max-bg-size [data-id="hr"].resume .content .lists .info .list .box .left {
  padding-bottom: 30px;
}

.max-bg-size [data-id="hr"].resume .content .lists .info .list .box .left h4, .max-bg-size [data-id="hr"].resume .content .lists .info .list .box .left p {
  float: left;
}

.max-bg-size [data-id="hr"].resume .content .lists .info .list .box .left h4.sub-title {
  padding: 0 15px;
}

.max-bg-size [data-id="hr"].resume .content .lists .info .list .box .left p {
  line-height: 30px;
}

.max-lg-size [data-id="hr"].resume .content .lists .info .list .box .right .col-lg-4 {
  padding-right: 26px;
  text-align: center;
}

.max-lg-size [data-id="hr"].resume .content .lists .info .list .box .right .col-lg-4 span {
  display: inline-block;
}

.max-lg-size [data-id="hr"].resume .content .lists .info .list .box .right .col-lg-8 {
  padding-left: 13px;
}

.max-lg-size [data-id="hr"].resume .radio-inline + .radio-inline,
.max-lg-size [data-id="hr"].resume .checkbox-inline + .checkbox-inline {
  margin-left: 0;
}

.max-lg-size [data-id="hr"].resume .radio-inline,
.max-lg-size [data-id="hr"].resume .checkbox-inline {
  margin-right: 10px;
}

.int-sm-size [data-id="hr"].resume .content .lists .list .right .sub-groups.form-group .sub-group-w.col-sm-6 + .sub-group-w.col-sm-6 {
  margin-left: 0;
}

.int-sm-size [data-id="hr"].resume .content .lists .list .right .sub-groups.form-group .sub-group-w.col-sm-6.sub-group-w.col-sm-6:nth-of-type(1), .int-sm-size [data-id="hr"].resume .content .lists .list .right .sub-groups.form-group .sub-group-w.col-sm-6.sub-group-w.col-sm-6:nth-of-type(2) {
  margin-bottom: 10px;
}

.int-sm-size [data-id="hr"].resume .content .lists .list .right .sub-groups.form-group .sub-group-w.col-sm-6.sub-group-w.col-sm-6:nth-of-type(even) {
  margin-left: 10px;
}

.max-md-size [data-id="hr"].resume .content .lists .info .list .box .right .col-lg-4 span {
  display: block;
  text-align: left;
}

.max-md-size [data-id="hr"].resume .content .lists .btn-area .group {
  float: none;
}

.max-md-size [data-id="hr"].resume .content .lists .btn-area .group .btn {
  float: none;
  width: 100%;
  display: block;
  max-width: 300px;
  left: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin: 0 auto;
}

.max-md-size [data-id="hr"].resume .content .lists .btn-area .group .btn + .btn {
  margin-left: auto;
  margin-top: 20px;
}

.max-sm-size [data-id="hr"].resume .content .lists .info .list .box .left {
  padding-bottom: 20px;
}

.max-sm-size [data-id="hr"].resume .content .lists .info .list .box .left h4 {
  margin-bottom: 0;
  display: block;
  padding: 0;
  float: none;
}

.max-sm-size [data-id="hr"].resume .content .lists .info .list .box .left h4.sub-title {
  padding: 0;
}

.max-sm-size [data-id="hr"].resume .content .lists .list .right .sub-groups.form-group .sub-group-w.col-sm-6 {
  margin-left: 0px;
  margin-top: 10px;
}

.max-sm-size [data-id="hr"].resume .content .lists .list .right .sub-groups.form-group .sub-group-w.col-sm-6 + .sub-group-w.col-sm-6 {
  margin-left: 0;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .box .left {
  padding-bottom: 0;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .box .left h4.sub-title {
  padding-bottom: 10px;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .box .left h4.sub-title + p {
  margin-top: -10px;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-lists + .form-lists h5 {
  margin-top: 25px;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-lists .form-list {
  margin-bottom: 0;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right h5 {
  margin-bottom: 10px;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group {
  margin: 0;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group .control-label-w {
  min-width: 100%;
  background-color: #FFF;
  padding: 10px 0 !important;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group .control-input-w {
  padding: 0 .5rem;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group .control-input-w .row .radio-input {
  padding: 0;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group .control-input-w .upload {
  margin-bottom: 7px;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group .control-input-w .upload + span {
  margin-left: 15px;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group label {
  width: 100%;
  background-color: #FFF;
  padding: 10px 0;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group label span {
  display: inline-block;
  font-weight: bold;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group.ability {
  margin-top: 0;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group.ability .sub-group .control-label {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  background-color: #FFF;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group.ability .sub-group .control-label span {
  display: inline-block;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group.ability .sub-group .control-input {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group.ability .sub-group .control-input .dropkick .dk-selected:before {
  margin: -0.125em 1.25em 0 0;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group.bg-white {
  margin: 0;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .form-group.bg-white .control-input .radio-input {
  padding: 0 18px;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .result .lists + .lists {
  margin-top: 50px;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .result .lists .list .control-label {
  min-width: 100%;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .result .lists .list .control-label span:first-child {
  padding-right: 5px;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .result .lists .list .control-label span + span {
  padding-left: 0;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .result .lists .list .col-lg-3 {
  display: block;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .result .lists .list .col-lg-3 .control-input {
  padding: 0 .5rem;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .statement {
  padding-top: 25px;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .statement .checkbox-area {
  padding-bottom: 25px;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .statement .checkbox-area .checkbox-inline {
  padding-left: 5px;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list .right .statement .checkbox-area .checkbox-inline input {
  margin-left: -20px;
}

.max-xs-size [data-id="hr"].resume .content .lists .info .list.apply .right .form-group .control-input .checkbox-inline {
  padding: 10px 15px 10px 30px;
}

.mobile-mode .date input[type=date] {
  margin: 0 auto;
  width: 100%;
  background-color: transparent;
  background-image: none;
  max-width: none;
  min-width: 0;
  outline: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  -webkit-appearance: none;
}

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

.modal-open .wp {
  margin-right: 15px;
}

.modal-open .navbar {
  margin-left: -15px;
}

.modal {
  text-align: center;
  padding: 0 !important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal {
  float: left;
  padding-right: 0 !important;
  text-align: center;
  width: 100%;
  height: 100%;
}

.modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal#submitModal .modal-content {
  background: #e50032;
  border-radius: 10px;
}

.modal#submitModal .modal-content .modal-body {
  text-align: center;
  padding: 60px 15px;
}

.modal#submitModal .modal-content .modal-body h4, .modal#submitModal .modal-content .modal-body p, .modal#submitModal .modal-content .modal-body .btn {
  letter-spacing: 2px;
  color: #FFF;
}

.modal#submitModal .modal-content .modal-body h4 {
  font-size: 30px;
  letter-spacing: 3px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.modal#submitModal .modal-content .modal-body p {
  font-size: 18px;
  line-height: 25px;
}

.modal#submitModal .modal-content .modal-body .btn {
  font-size: 16px;
  background: #FFF;
  color: #e50032;
  padding: 13px 50px;
  margin-top: 65px;
  border-radius: 25px;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.modal#submitModal .modal-content .modal-body .btn:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.max-sm-size .modal#submitModal .modal-dialog .modal-content .modal-body {
  padding: 30px;
}

.max-sm-size .modal#submitModal .modal-dialog .modal-content .modal-body h4 {
  font-size: 24px;
}

.max-sm-size .modal#submitModal .modal-dialog .modal-content .modal-body .btn {
  margin-top: 40px;
}

.max-xs-size .modal#submitModal .modal-dialog .modal-content .modal-body h4 {
  font-size: 20px;
}

.modal#privateModal .modal-dialog {
  max-width: 82em;
}

.modal#privateModal .modal-dialog .modal-content {
  padding: 40px;
  padding-top: 24px;
  border-radius: 10px;
}

.modal#privateModal .modal-dialog .modal-content .modal-header,
.modal#privateModal .modal-dialog .modal-content .modal-body {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 21px;
}

.modal#privateModal .modal-dialog .modal-content .modal-header .modal-title span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
}

.modal#privateModal .modal-dialog .modal-content .modal-body {
  padding-top: 32px;
}

.modal#privateModal .modal-dialog .modal-content .modal-body h5, .modal#privateModal .modal-dialog .modal-content .modal-body label, .modal#privateModal .modal-dialog .modal-content .modal-body li, .modal#privateModal .modal-dialog .modal-content .modal-body p {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 25px;
}

.modal#privateModal .modal-dialog .modal-content .modal-body label {
  padding-bottom: 25px;
}

.modal#privateModal .modal-dialog .modal-content .modal-body ul > li {
  margin-bottom: 30px;
}

.modal#privateModal .modal-dialog .modal-content .modal-footer {
  border-top: 0;
  padding-top: 0;
  text-align: center;
}

.modal#privateModal .modal-dialog .modal-content .modal-footer .btn {
  display: inline-block;
  font-size: 16px;
  letter-spacing: 1px;
  background: #e50032;
  color: #FFF;
  padding: 13px 43px;
  border-radius: 50px;
}

.modal#privateModal .modal-dialog .modal-content .modal-footer .btn:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.max-sm-size .modal#privateModal .modal-dialog .modal-content {
  padding: 20px;
  padding-top: 24px;
}

.max-sm-size .modal#privateModal .modal-dialog .modal-content .modal-header,
.max-sm-size .modal#privateModal .modal-dialog .modal-content .modal-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
  padding-bottom: 21px;
}

/* ==========================================================================
	About 關於葡萄王
 ========================================================================== */
[data-id="about"] .main .banner {
  height: 700px;
  overflow: hidden;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  [data-id="about"] .main .banner {
    height: 500px;
  }
}

@media screen and (max-width: 767px) {
  [data-id="about"] .main .banner {
    height: 300px;
  }
}

[data-id="about"] .main .banner .banner-content .title h2:last-child, [data-id="about"] .main .banner .banner-content .title h2:first-child {
  font-size: 100px;
  color: #fff;
  letter-spacing: normal !important;
}

@media screen and (max-width: 1199px) {
  [data-id="about"] .main .banner .banner-content .title h2:last-child, [data-id="about"] .main .banner .banner-content .title h2:first-child {
    font-size: 80px !important;
  }
}

@media screen and (max-width: 991px) {
  [data-id="about"] .main .banner .banner-content .title h2:last-child, [data-id="about"] .main .banner .banner-content .title h2:first-child {
    font-size: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  [data-id="about"] .main .banner .banner-content .title h2:last-child, [data-id="about"] .main .banner .banner-content .title h2:first-child {
    font-size: 30px !important;
    text-align: center;
    color: #333;
    text-shadow: 0 0 5px #aaa;
    line-height: 50px;
  }
}

[data-id="about"] .banner .banner-content {
  height: 570px !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  [data-id="about"] .banner .banner-content {
    height: 370px !important;
  }
}

@media screen and (max-width: 767px) {
  [data-id="about"] .banner .banner-content {
    height: 170px !important;
  }
}

@media screen and (max-width: 767px) {
  [data-id="about"] .banner .banner-content .title {
    position: relative !important;
    display: none;
  }
}

[data-id="about"] .banner .pics .left {
  position: absolute;
  left: -600px;
  top: 500px;
}

[data-id="about"] .banner .pics .right {
  position: absolute;
  right: -300px;
  top: -200px;
}

[data-id="about"] .banner .pics .bannerpic {
  position: absolute;
  right: 0;
  bottom: -3px;
  max-width: 100%;
}

[data-id="about"] .banner .pics .bannerpic img {
  width: 100%;
}

@media screen and (max-width: 991px) {
  [data-id="about"] .banner .pics .bannerpic img {
    opacity: 0.8;
  }
}

@media screen and (max-width: 767px) {
  [data-id="about"] .banner .pics .bannerpic img {
    opacity: 0.5;
  }
}

[data-id="about"] .banner .pics.inview .left {
  -webkit-animation: leftin 0.5s ease-in-out 0.9s forwards;
  animation: leftin 0.5s ease-in-out 0.9s forwards;
}

[data-id="about"] .banner .pics.inview .right {
  -webkit-animation: rightin 0.5s ease-in-out 0.9s forwards;
  animation: rightin 0.5s ease-in-out 0.9s forwards;
}

@media screen and (max-width: 767px) {
  [data-id="about"] .banner .pics .left {
    width: 250px;
    height: auto;
    left: 0;
  }
  [data-id="about"] .banner .pics .left img {
    width: 100%;
    opacity: 0.5;
  }
  [data-id="about"] .banner .pics .right {
    width: 250px;
    height: auto;
    right: 0;
  }
  [data-id="about"] .banner .pics .right img {
    width: 100%;
    opacity: 0.5;
  }
}

[data-id="about"] .content h3,
[data-id="about"] .content .future h3 {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 4px;
  font-weight: bold;
  margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
  [data-id="about"] .content h3,
  [data-id="about"] .content .future h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  [data-id="about"] .content h3,
  [data-id="about"] .content .future h3 {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 479px) {
  [data-id="about"] .content h3,
  [data-id="about"] .content .future h3 {
    margin-bottom: 20px;
  }
}

[data-id="about"] .content > .container,
[data-id="about"] .sectionbox > .container,
[data-id="about"] .xsbox > .container {
  padding-left: 50px;
  padding-right: 50px;
}

@media screen and (max-width: 991px) {
  [data-id="about"] .content > .container,
  [data-id="about"] .sectionbox > .container,
  [data-id="about"] .xsbox > .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

[data-id="about"] .content {
  position: relative;
  padding-top: 70px;
}

@media screen and (max-width: 991px) {
  [data-id="about"] .content {
    padding-top: 40px;
  }
}

@media screen and (max-width: 479px) {
  [data-id="about"] .content {
    padding-top: 30px;
  }
}

[data-id="about"] .content p {
  line-height: 25px;
  letter-spacing: 1.5px;
  color: #666;
}

[data-id="about"] .content .wave {
  position: absolute;
  left: -1133px;
  top: -55px;
  width: 1133px;
  z-index: 51;
}

[data-id="about"] .content .wave.inview {
  -webkit-animation: wave1 3s cubic-bezier(0.54, 0.3, 0.59, 0.79) 1s, wave2 3s ease-in-out 4s forwards;
  animation: wave1 3s cubic-bezier(0.54, 0.3, 0.59, 0.79) 1s, wave2 3s ease-in-out 4s forwards;
}

.max-sm-size [data-id="about"] .content .wave {
  width: auto;
  height: 40px;
  top: -40px;
}

.max-sm-size [data-id="about"] .content .wave img {
  height: 40px;
  max-width: none;
}

.max-xs-size [data-id="about"] .content .wave {
  height: 20px;
  top: -20px;
}

.max-xs-size [data-id="about"] .content .wave img {
  height: 20px;
}

[data-id="about"] .content .leaf {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 51;
}

@media screen and (max-width: 991px) {
  [data-id="about"] .content .leaf.top .pic {
    width: 300px;
  }
}

@media screen and (max-width: 767px) {
  [data-id="about"] .content .leaf.top .pic {
    width: 200px;
  }
}

@media screen and (max-width: 991px) {
  [data-id="about"] .content .leaf.mid .pic {
    width: 150px;
  }
}

@media screen and (max-width: 767px) {
  [data-id="about"] .content .leaf.mid .pic {
    width: 80px;
  }
}

.wp.about .banner {
  height: 700px;
  overflow: hidden;
  margin-bottom: 0;
}

.wp.about .banner .pic {
  height: 100%;
}

.wp.about .banner .pic .jqimgFill {
  height: 100%;
}

.wp.about .banner .banner-content {
  height: 570px;
}

.wp.about .banner .pics .bannerpic {
  position: absolute;
  opacity: 0;
  right: 20%;
  top: 110px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .wp.about .banner .pics .bannerpic {
    right: 10%;
  }
  .wp.about .banner .pics .bannerpic img {
    height: 120%;
    width: auto;
    opacity: 0.8;
  }
}

@media screen and (max-width: 767px) {
  .wp.about .banner .pics .bannerpic {
    top: auto;
    max-width: none;
    height: 80%;
    bottom: 0;
  }
  .wp.about .banner .pics .bannerpic img {
    height: 100%;
    width: auto;
    opacity: 0.5;
  }
}

.wp.about .banner .pics.inview .bannerpic {
  -webkit-animation: ceoin 0.8s ease-in-out 0.5s forwards;
  animation: ceoin 0.8s ease-in-out 0.5s forwards;
}

.min-sm-size .wp.about .content .intro h3 {
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 0px !important;
  overflow: hidden !important;
  position: absolute !important;
  width: 0px !important;
  text-indent: 100% !important;
  white-space: nowrap !important;
}

.wp.about .intro > .container,
.wp.about .smile > .container {
  padding: 0 70px;
}

.max-md-size .wp.about .intro > .container, .max-md-size
.wp.about .smile > .container {
  padding: 0 15px;
}

.wp.about .intro {
  height: 600px;
  position: relative;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #cbcbcb 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #cbcbcb 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cbcbcb));
  background: -o-linear-gradient(top, #ffffff 0%, #cbcbcb 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #cbcbcb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbcbcb',GradientType=0 );
}

@media screen and (max-width: 767px) {
  .wp.about .intro {
    height: auto;
    padding-bottom: 20px;
  }
}

.wp.about .intro .leaf {
  top: -70px;
}

.max-sm-size .wp.about .intro .leaf {
  top: -20px;
}

.wp.about .intro .container {
  height: 100%;
}

.wp.about .intro .row {
  height: 100%;
}

.wp.about .intro .wave {
  position: absolute;
  left: -1133px;
  top: -55px;
  width: 1133px;
}

.wp.about .intro .wave.inview {
  -webkit-animation: wave1 3s cubic-bezier(0.54, 0.3, 0.59, 0.79) 1s, wave2 3s ease-in-out 4s forwards;
  animation: wave1 3s cubic-bezier(0.54, 0.3, 0.59, 0.79) 1s, wave2 3s ease-in-out 4s forwards;
}

.wp.about .intro .logos {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.wp.about .intro .logos .logo {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.wp.about .intro .logos .logo.inview {
  -webkit-animation: logoin 0.8s ease-in-out 0.3s forwards;
  animation: logoin 0.8s ease-in-out 0.3s forwards;
}

.wp.about .intro .logos .logo img {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.wp.about .intro .logos .ring {
  opacity: 0;
}

.wp.about .intro .logos .ring.inview {
  -webkit-animation: ringin 1s ease-in-out 0.7s forwards;
  animation: ringin 1s ease-in-out 0.7s forwards;
}

.wp.about .intro .innerbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.wp.about .intro .inner p.mark.red {
  margin-top: 50px;
  margin-bottom: 25px;
  letter-spacing: 3px;
  line-height: 36px;
}

@media screen and (max-width: 767px) {
  .wp.about .intro .inner p.mark.red {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .wp.about .intro .inner p.mark.red {
    line-height: 30px;
  }
}

.wp.about .intro .inner .mark {
  font-size: 24px;
  background: transparent;
  letter-spacing: 1.5px;
  color: #666;
}

.max-xs-size .wp.about .intro .inner .mark {
  font-size: 16px;
}

.wp.about .intro .inner .red {
  color: #e50032;
}

.wp.about .smile p, .wp.about .future p {
  line-height: 25px;
}

.wp.about .smile p.title, .wp.about .future p.title {
  font-weight: bold;
  color: #000;
}

.wp.about .smile p + .title, .wp.about .future p + .title {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .wp.about .smile p.title, .wp.about .future p.title {
    margin-bottom: 5px;
  }
}

.wp.about .smile {
  padding-top: 120px;
  padding-bottom: 170px;
}

@media screen and (max-width: 767px) {
  .wp.about .smile {
    padding: 30px 0 55px 0;
  }
}

.wp.about .smile h3 {
  text-align: center;
  font-weight: normal;
}

.wp.about .smile h3.ch {
  font-size: 36px;
  font-weight: bold;
  line-height: 50px;
  margin-bottom: 0;
}

.wp.about .smile h3.en {
  font-size: 48px;
  text-align: center;
  color: #f39700;
  line-height: 60px;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .wp.about .smile h3.en, .wp.about .smile h3.ch {
    font-size: 24px;
    line-height: 40px;
  }
  .wp.about .smile h3.en {
    margin-bottom: 15px;
    letter-spacing: 2px;
  }
}

@media screen and (max-width: 479px) {
  .wp.about .smile h3.en, .wp.about .smile h3.ch {
    line-height: 30px;
  }
  .wp.about .smile h3.en {
    margin-bottom: 15px;
    letter-spacing: 1px;
  }
}

.wp.about .smile .slime-intro {
  text-align: center;
  line-height: 25px;
  padding: 0 50px;
}

@media screen and (max-width: 767px) {
  .wp.about .smile .slime-intro {
    text-align: left;
    margin-bottom: 15px;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .wp.about .smile .pics .pic {
    max-width: 400px;
    margin: 10px auto;
  }
}

.wp.about .smile .aside {
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  .wp.about .smile .aside {
    margin-top: 40px;
  }
}

.wp.about .smile .chart-intros {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wp.about .smile .chart-intros p {
  line-height: 25px;
}

.wp.about .smile .chart-intros p.title {
  font-weight: bold;
  color: #000;
}

.wp.about .smile .chart-intros p + .title {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .wp.about .smile .chart-intros p.title {
    margin-bottom: 5px;
  }
}

.wp.about .future {
  background-color: #f0f0f0;
  padding-top: 75px;
  padding-bottom: 65px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .wp.about .future {
    padding: 30px 0;
  }
}

.wp.about .future h3 {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .wp.about .future .pics .pic {
    max-width: 400px;
    margin: 10px auto;
  }
}

.wp.about .future .leaf {
  right: auto;
  left: 0;
}

.wp.about .future .inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wp.about .future .inner p.title {
  margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  .wp.about .future .inner p {
    margin-top: 15px;
  }
}

.max-xs-size .wp.about .footer-nav .nav .page li.previous a .group h4 {
  font-size: 12px;
}

.max-sm-size .wp.about .footer-nav .nav .page li a .group h4 {
  font-size: 16px;
  white-space: normal;
  width: 100%;
  padding: 0 30px;
  line-height: 24px;
}

.max-xs-size .wp.about .footer-nav .nav .page li a .group h4 {
  font-size: 14px;
  white-space: normal;
  width: 100%;
  padding: 0 10px;
  line-height: 20px;
}

.wp.about .footer-nav .nav .page li a .group h4 span.play {
  position: relative;
  border: 5px solid #fff;
  width: 115px;
  height: 115px;
  border-radius: 50%;
  margin: 40px auto 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.wp.about .footer-nav .nav .page li a .group h4 span.play:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: calc(50% + 5px);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 40px;
  border-color: transparent transparent transparent #ffffff;
}

.max-md-size .wp.about .footer-nav .nav .page li a .group h4 span.play {
  width: 75px;
  height: 75px;
  border-width: 3px;
  margin-top: 10px;
}

.max-md-size .wp.about .footer-nav .nav .page li a .group h4 span.play:before {
  border-width: 15px 0px 15px 25px;
}

.max-sm-size .wp.about .footer-nav .nav .page li a .group h4 span.play {
  width: 50px;
  height: 50px;
  border-width: 2px;
  margin-top: 10px;
}

.max-sm-size .wp.about .footer-nav .nav .page li a .group h4 span.play:before {
  border-width: 10px 0px 10px 20px;
}

.max-xs-size .wp.about .footer-nav .nav .page li a .group h4 span.play {
  width: 30px;
  height: 30px;
  border-width: 2px;
  margin-top: 5px;
}

.max-xs-size .wp.about .footer-nav .nav .page li a .group h4 span.play:before {
  border-width: 5px 0px 5px 10px;
  left: calc(50% + 2px);
}

.wp.brand .content .sectionbox {
  padding: 70px 0;
}

.wp.brand .content .sectionbox p {
  line-height: 30px;
  color: #666;
}

.wp.brand .content .sectionbox p.title {
  font-weight: bold;
  margin-bottom: 15px;
  color: #000;
}

.wp.brand .content .sectionbox p.caption {
  text-align: center;
}

.wp.brand .content .sectionbox.second, .wp.brand .content .sectionbox.fourth {
  background-color: #f4f4f4;
}

@media screen and (max-width: 767px) {
  .wp.brand .content .sectionbox {
    padding: 30px 0;
  }
}

@media screen and (max-width: 479px) {
  .wp.brand .content .sectionbox {
    padding: 20px 0;
  }
}

.wp.brand .content .first {
  padding-top: 0px;
}

.wp.brand .content .first .picbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 65px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.wp.brand .content .first .picbox .list + .list {
  margin-left: 10px;
}

.max-sm-size .wp.brand .content .first .picbox {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}

.max-sm-size .wp.brand .content .first .picbox .list {
  margin-bottom: 10px;
}

.max-sm-size .wp.brand .content .first .picbox .list + .list {
  margin-left: 0;
}

.max-sm-size .wp.brand .content .first .picbox .list .pic {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.max-sm-size .wp.brand .content .first .picbox .list .pic img {
  display: block;
  margin: 0 auto;
}

.max-sm-size .wp.brand .content .first .picbox .list p {
  text-align: center;
}

.wp.brand .content .second .picbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .wp.brand .content .second .picbox {
    margin-top: 20px;
  }
}

.wp.brand .content .third .pic {
  text-align: center;
}

@media screen and (max-width: 991px) {
  .wp.brand .content .third .row .pic {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .wp.brand .content .third .row .text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .wp.brand .content .third .pic {
    margin-top: 20px;
  }
}

.wp.brand .content .fourth {
  padding-bottom: 110px;
}

.wp.brand .content .fourth p + p {
  margin-top: 15px;
}

.wp.brand .content .fourth .videos {
  margin-top: 60px;
}

.wp.brand .content .fourth p.caption {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .wp.brand .content .fourth {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 479px) {
  .wp.brand .content .fourth {
    padding-bottom: 30px;
  }
  .wp.brand .content .fourth .videos {
    margin-top: 20px;
  }
}

.wp.org .content {
  padding-bottom: 100px;
}

.wp.org .content h3 {
  margin-bottom: 50px;
}

.wp.org .content h4 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 130px;
  margin-bottom: 25px;
}

.wp.org .content .orgchart {
  text-align: center;
}

.wp.org .jobs {
  width: 100%;
  position: relative;
  background: #abcb2a;
  background: -moz-linear-gradient(left, #abcb2a 0%, #3ba2da 100%);
  background: -webkit-linear-gradient(left, #abcb2a 0%, #3ba2da 100%);
  background: -webkit-gradient(linear, left top, right top, from(#abcb2a), to(#3ba2da));
  background: -o-linear-gradient(left, #abcb2a 0%, #3ba2da 100%);
  background: linear-gradient(to right, #abcb2a 0%, #3ba2da 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abcb2a', endColorstr='#3ba2da',GradientType=1 );
}

.wp.org .jobs th, .wp.org .jobs td {
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  padding: 15px;
  font-size: 16px;
}

.wp.org .jobs thead tr th {
  color: #fff;
}

.wp.org .jobs tbody tr:nth-child(odd) {
  background-color: #eeeeee;
}

.wp.org .jobs tbody tr:nth-child(even) {
  background-color: #f6f6f6;
}

.wp.org .jobs tbody tr td {
  border: 2px solid #fff;
}

.wp.org .jobs tbody tr td.work {
  text-align: left;
}

.wp.org .jobs:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  display: inline-block;
  background: #abcb2a;
  background: -moz-linear-gradient(left, #abcb2a 0%, #3ba2da 100%);
  background: -webkit-linear-gradient(left, #abcb2a 0%, #3ba2da 100%);
  background: -webkit-gradient(linear, left top, right top, from(#abcb2a), to(#3ba2da));
  background: -o-linear-gradient(left, #abcb2a 0%, #3ba2da 100%);
  background: linear-gradient(to right, #abcb2a 0%, #3ba2da 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abcb2a', endColorstr='#3ba2da',GradientType=1 );
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .wp.org .content table tbody tr .title {
    white-space: nowrap;
  }
}

@media screen and (max-width: 991px) {
  .wp.org .content {
    padding-bottom: 40px;
  }
  .wp.org .content h3 {
    margin-bottom: 20px;
  }
  .wp.org .content h4 {
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .wp.org .content {
    padding-bottom: 30px;
  }
  .wp.org .content h3 {
    margin-bottom: 20px;
  }
  .wp.org .content h4 {
    margin-top: 30px;
    margin-bottom: 25px;
  }
  .wp.org .jobs thead {
    display: none;
  }
  .wp.org .jobs tbody tr {
    border: 2px solid #fff;
  }
  .wp.org .jobs tbody td {
    display: block;
    border: 0 !important;
  }
  .wp.org .jobs tbody .title {
    background-color: #eeeeee;
    padding: 0;
    line-height: 50px;
    padding: 2px 15px;
    font-weight: bold;
    text-align: left;
  }
  .wp.org .jobs tbody .work {
    background-color: #f6f6f6;
    line-height: 25px;
  }
  .wp.org .jobs:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    display: inline-block;
    background: #abcb2a;
    background: -moz-linear-gradient(left, #abcb2a 0%, #3ba2da 100%);
    background: -webkit-linear-gradient(left, #abcb2a 0%, #3ba2da 100%);
    background: -webkit-gradient(linear, left top, right top, from(#abcb2a), to(#3ba2da));
    background: -o-linear-gradient(left, #abcb2a 0%, #3ba2da 100%);
    background: linear-gradient(to right, #abcb2a 0%, #3ba2da 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abcb2a', endColorstr='#3ba2da',GradientType=1 );
  }
}

.wp.history .content h3 {
  margin-bottom: 30px;
}

.wp.history .content .slider-for {
  margin-top: 100px;
  padding: 0 96px;
}

.max-sm-size .wp.history .content .slider-for {
  margin-top: 75px;
}

.max-xs-size .wp.history .content .slider-for {
  margin-top: 50px;
}

.wp.history .content .years .slider {
  padding: 0 125px;
}

.max-md-size .wp.history .content .years .slider {
  padding: 0 70px;
}

.max-xs-size .wp.history .content .years .slider {
  padding: 0 30px;
}

.wp.history .content .years .slider .slider-nav {
  position: relative;
  padding: 0 200px;
  padding-left: 250px;
  padding-right: 200px;
}

.max-hd-size .wp.history .content .years .slider .slider-nav {
  padding-left: 225px;
  padding-right: 150px;
}

.max-hd-size .wp.history .content .years .slider .slider-nav:after {
  width: 225px;
}

.max-bg-size .wp.history .content .years .slider .slider-nav {
  padding-left: 150px;
  padding-right: 100px;
}

.max-bg-size .wp.history .content .years .slider .slider-nav:after {
  width: 150px;
}

.max-lg-size .wp.history .content .years .slider .slider-nav {
  padding-left: 135px;
  padding-right: 90px;
}

.max-lg-size .wp.history .content .years .slider .slider-nav:after {
  width: 135px;
}

.max-md-size .wp.history .content .years .slider .slider-nav {
  padding-left: 105px;
  padding-right: 70px;
}

.max-md-size .wp.history .content .years .slider .slider-nav:after {
  width: 105px;
}

.max-sm-size .wp.history .content .years .slider .slider-nav {
  padding-left: 50px;
  padding-right: 25px;
}

.max-sm-size .wp.history .content .years .slider .slider-nav:after {
  width: 65px;
}

.max-xs-size .wp.history .content .years .slider .slider-nav {
  padding-left: 20px;
  padding-right: 0;
}

.max-xs-size .wp.history .content .years .slider .slider-nav:after {
  width: 20px;
}

.wp.history .content .years .slider .slider-nav .slick-list .slick-track {
  padding: 0 15px;
}

.wp.history .content .years .slider .slider-nav:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #d8d8d8;
  bottom: 0;
  top: 60px;
  left: 0;
  margin: auto;
}

.wp.history .content .years .slider .slider-nav:after {
  content: "";
  position: absolute;
  width: 250px;
  height: 2px;
  left: 0;
  bottom: 0;
  top: 60px;
  margin: auto;
  background-color: #e50032;
}

.wp.history .content .years .slider .slider-nav .slick-arrow {
  top: 80px;
  width: 45px;
  height: 45px;
}

.wp.history .content .years .slider .slider-nav .slick-arrow:before {
  font-family: "icomoon";
  border: solid 2px #dcdcdc;
  border-radius: 50%;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 43px;
  text-align: center;
  color: #afafaf;
  opacity: 1;
}

.wp.history .content .years .slider .slider-nav .slick-arrow.slick-prev {
  left: -70px;
}

.wp.history .content .years .slider .slider-nav .slick-arrow.slick-prev:before {
  content: "\e912";
}

.wp.history .content .years .slider .slider-nav .slick-arrow.slick-next {
  right: -70px;
}

.wp.history .content .years .slider .slider-nav .slick-arrow.slick-next:before {
  content: "\e913";
}

.wp.history .content .years .slider .slider-nav .slick-arrow:hover:before {
  background: #e50032;
  border: solid 2px #e50032;
  color: #FFF;
  -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.max-xs-size .wp.history .content .years .slider .slider-nav .slick-arrow {
  top: calc(50% + 29px);
}

.max-xs-size .wp.history .content .years .slider .slider-nav .slick-arrow.slick-prev {
  left: -45px;
}

.max-xs-size .wp.history .content .years .slider .slider-nav .slick-arrow.slick-next {
  right: -45px;
}

.wp.history .content .years .slider .slider-nav .dot {
  position: relative;
  padding: 40px 0;
}

.max-xs-size .wp.history .content .years .slider .slider-nav .dot {
  padding: 10px 0 40px 0;
}

.wp.history .content .years .slider .slider-nav .dot p {
  position: relative;
  top: 0;
  left: -12px;
  color: #555;
}

.wp.history .content .years .slider .slider-nav .dot .circle {
  position: absolute;
  display: block;
  top: 60px;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border: solid 1px #d2d2d2;
  border-radius: 50%;
  background: #FFF;
  -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  z-index: 10;
}

.wp.history .content .years .slider .slider-nav .dot:before {
  content: "";
  position: absolute;
  left: -100%;
  top: 60px;
  bottom: 0;
  margin: auto;
  height: 2px;
  width: 0;
  overflow: hidden;
  -webkit-transition: width 0.3s ease-in-out 0.3s, background-color 0.3s ease-in-out 0.3s;
  -o-transition: width 0.3s ease-in-out 0.3s, background-color 0.3s ease-in-out 0.3s;
  transition: width 0.3s ease-in-out 0.3s, background-color 0.3s ease-in-out 0.3s;
}

.wp.history .content .years .slider .slider-nav .dot[aria-hidden="true"]:not(.slick-active):before {
  background-color: transparent;
}

.wp.history .content .years .slider .slider-nav .dot[aria-hidden="true"] .circle, .wp.history .content .years .slider .slider-nav .dot.slick-current .circle {
  -webkit-transition: border-color 0.3s ease-in-out 0.3s, background-color 0.3s ease-in-out 0.3s;
  -o-transition: border-color 0.3s ease-in-out 0.3s, background-color 0.3s ease-in-out 0.3s;
  transition: border-color 0.3s ease-in-out 0.3s, background-color 0.3s ease-in-out 0.3s;
}

.wp.history .content .years .slider .slider-nav .dot[aria-hidden="true"]:before, .wp.history .content .years .slider .slider-nav .dot.slick-current:before {
  width: 100%;
  background: #e50032;
  -webkit-transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.wp.history .content .years .slider .slider-nav .dot[aria-hidden="true"] .circle {
  border-color: #e50032;
}

.wp.history .content .years .slider .slider-nav .dot.slick-current .circle {
  border-color: #e50032;
  background: #e50032;
}

.wp.history .content .years .slider-for h4 {
  font-size: 48px;
  padding-bottom: 25px;
}

.wp.history .content .years .slider-for ul {
  position: relative;
  margin-left: 20px;
}

.wp.history .content .years .slider-for ul li {
  line-height: 36px;
  letter-spacing: 1px;
  font-size: 16px;
}

.wp.history .content .years .slider-for .right {
  text-align: right;
}

.wp.history .content .years .slider-for .right .pic {
  display: inline-block;
}

.max-lg-size .wp.history .content .years .slider-for .right {
  text-align: center;
  padding-top: 20px;
}

.max-md-size .wp.history .content .years .slider-for {
  padding: 0 15px;
}

.max-sm-size .wp.history .content .years .slider-for h4 {
  font-size: 30px;
}

.max-sm-size .wp.history .content .years .slider-for ul li {
  line-height: 30px;
}

.max-sm-size .wp.history .content > .container {
  padding: 0 20px;
}

.wp.awards .content {
  padding-bottom: 70px;
}

.max-sm-size .wp.awards .content {
  padding-bottom: 0;
}

.wp.awards .content .sections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wp.awards .content .sections .years {
  width: 220px;
  margin: 0 20px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}

.wp.awards .content .sections .years .year {
  position: relative;
  color: #e50032;
  font-size: 48px;
  display: inline-block;
  padding-right: 70px;
}

.wp.awards .content .sections .years .year:after {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #e50032;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 20px;
}

.wp.awards .content .sections .years:after {
  content: "";
  width: 1px;
  height: calc(100% - 48px);
  position: absolute;
  right: 49px;
  top: 48px;
  background-color: #ccc;
}

.wp.awards .content .sections .pic {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 250px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-top: 60px;
  padding-bottom: 20px;
  text-align: center;
}

.wp.awards .content .sections .awardlist {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: calc(100% - 450px);
  padding-left: 30px;
  padding-top: 60px;
  padding-bottom: 20px;
  position: relative;
}

.wp.awards .content .sections .awardlist li {
  list-style-type: decimal-leading-zero;
  line-height: 30px;
  color: #555;
}

.wp.awards .content .sections + .sections .awardlist:before {
  content: "";
  width: calc(100% + 250px);
  height: 1px;
  display: inline-block;
  background-color: #ccc;
  position: absolute;
  left: 0;
  top: 25px;
}

.wp.awards .content .sections:last-of-type .awardlist:after {
  content: "";
  width: calc(100% + 250px);
  height: 1px;
  display: inline-block;
  background-color: #ccc;
  position: absolute;
  left: 0;
  bottom: 0;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .wp.awards .content .sections .years {
    width: 200px;
  }
  .wp.awards .content .sections .years .year {
    padding-right: 50px;
  }
  .wp.awards .content .sections .pic {
    width: 200px;
  }
  .wp.awards .content .sections .awardlist {
    padding-left: 0;
    width: calc(100% - 400px);
  }
}

@media (max-width: 991px) {
  .wp.awards .content .sections {
    position: relative;
    padding-top: 30px;
  }
  .wp.awards .content .sections + .sections:before {
    content: "";
    width: 100%;
    height: 1px;
    display: inline-block;
    background-color: #ccc;
    position: absolute;
    left: 0;
    top: 0;
  }
  .wp.awards .content .sections + .sections .awardlist:before {
    display: none;
  }
  .wp.awards .content .sections .years {
    width: 100%;
    margin: 0;
  }
  .wp.awards .content .sections .years .year {
    padding-right: 0;
  }
  .wp.awards .content .sections .years .year:after {
    display: none;
  }
  .wp.awards .content .sections:last-of-type .awardlist:after {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .wp.awards .content .sections {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .wp.awards .content .sections .pic {
    padding-top: 30px;
  }
  .wp.awards .content .sections .awardlist {
    padding-top: 30px;
    width: calc(100% - 250px);
  }
  .wp.awards .content .sections + .sections .awardlist:before {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .wp.awards .content .sections {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
    padding-top: 0;
  }
  .wp.awards .content .sections .years {
    width: 100%;
    margin: 0;
  }
  .wp.awards .content .sections .years .year {
    font-size: 30px;
  }
  .wp.awards .content .sections .years .year:after {
    display: none;
  }
  .wp.awards .content .sections .pic {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 0;
  }
  .wp.awards .content .sections .awardlist {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0;
  }
  .wp.awards .content .sections + .sections {
    padding-top: 20px;
  }
}

.wp.founder .content h3 {
  margin-bottom: 30px;
  font-weight: bold;
  letter-spacing: 1.5px;
}

.wp.founder .content h3 + h3 {
  margin-bottom: 50px;
}

.wp.founder .content h3.orange {
  color: #f39800;
}

.max-xs-size .wp.founder .content h3.orange {
  font-size: 18px;
}

.wp.founder .content .sectionbox {
  padding: 85px 0;
}

.wp.founder .content .sectionbox.first {
  padding-top: 0;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #cbcbcb 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #cbcbcb 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cbcbcb));
  background: -o-linear-gradient(top, #ffffff 0%, #cbcbcb 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #cbcbcb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbcbcb',GradientType=0 );
}

.wp.founder .content .sectionbox.first .left {
  max-width: 250px;
  -ms-flex-preferred-size: 250px;
  flex-basis: 250px;
}

.max-sm-size .wp.founder .content .sectionbox.first .left {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.wp.founder .content .sectionbox.first .right {
  max-width: calc(100% - 250px);
  -ms-flex-preferred-size: calc(100% - 250px);
  flex-basis: calc(100% - 250px);
}

.min-md-size .wp.founder .content .sectionbox.first .right {
  padding-left: 80px;
}

.max-md-size .wp.founder .content .sectionbox.first .right {
  padding-left: 30px;
}

.max-sm-size .wp.founder .content .sectionbox.first .right {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding-left: .5rem;
  padding-right: .5rem;
  padding-top: 30px;
}

.max-sm-size .wp.founder .content .sectionbox.first .right .title {
  text-align: center;
}

.wp.founder .content .sectionbox.first .pic {
  text-align: center;
}

.wp.founder .content .sectionbox.first p {
  line-height: 30px;
}

.wp.founder .content .sectionbox.first p.title {
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 35px;
}

.wp.founder .content .sectionbox.first p.title .date {
  font-size: 16px;
}

.wp.founder .content .sectionbox.second p {
  line-height: 30px;
}

.wp.founder .content .sectionbox.second p + p {
  margin-top: 20px;
}

.wp.founder .content .sectionbox.second p.title {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 35px;
  line-height: 35px;
}

.wp.founder .content .sectionbox.second .leaf {
  top: 50%;
  right: auto;
  left: -50px;
}

.wp.founder .content .sectionbox.second .pic {
  text-align: center;
}

.max-sm-size .wp.founder .content .sectionbox.second .pic p {
  text-align: center;
}

.wp.founder .content .sectionbox.second .picbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 60px;
}

.wp.founder .content .sectionbox.second .picbox .pic + .pic {
  margin-left: 15px;
}

.wp.founder .content .sectionbox.second .picbox p {
  text-align: left;
}

.wp.founder .content .sectionbox.third {
  background-color: #eeeeee;
  padding-bottom: 0;
}

.wp.founder .content .sectionbox.third p {
  line-height: 30px;
}

.wp.founder .content .sectionbox.third p + p {
  margin-top: 20px;
}

.wp.founder .content .sectionbox.third p.title {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 35px;
  line-height: 35px;
}

.wp.founder .content .sectionbox.third .texts {
  padding-top: 30px;
}

.wp.founder .content .sectionbox.third .imgs .pic {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .wp.founder .content .sectionbox.third .texts {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .wp.founder .content .sectionbox.third .imgs {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 20px;
  }
  .wp.founder .content .sectionbox.third .imgs .pic {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .wp.founder .content h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .wp.founder .content .sectionbox {
    padding: 30px 0;
  }
  .wp.founder .content .sectionbox.first p {
    line-height: 25px;
  }
  .wp.founder .content .sectionbox.first p.title {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 25px;
  }
  .wp.founder .content .sectionbox.second .pic {
    margin-top: 25px;
  }
  .wp.founder .content .sectionbox.second .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .wp.founder .content .sectionbox.second p {
    line-height: 25px;
  }
  .wp.founder .content .sectionbox.second p.title {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .wp.founder .content .sectionbox.second .picbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 25px;
  }
}

@media screen and (max-width: 479px) {
  .wp.founder .content h3 {
    font-size: 20px;
    line-height: 30px;
  }
}

.wp.approve .banner .pics .bannerpic {
  bottom: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.wp.approve .content .sectionbox {
  padding-bottom: 70px;
}

.wp.approve .content .sectionbox + .sectionbox {
  padding-top: 70px;
}

.wp.approve .content .sectionbox > .container {
  padding-left: 90px;
  padding-right: 90px;
}

.wp.approve .content .sectionbox h4 {
  font-size: 30px;
  color: #f39800;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 2px;
}

.max-md-size .wp.approve .content .sectionbox h4 {
  font-size: 30px;
}

.max-xs-size .wp.approve .content .sectionbox h4 {
  font-size: 24px;
}

.wp.approve .content .sectionbox p {
  font-size: 18px;
  line-height: 30px;
}

.max-md-size .wp.approve .content .sectionbox {
  padding-bottom: 40px;
}

.max-md-size .wp.approve .content .sectionbox + .sectionbox {
  padding-top: 40px;
}

.max-md-size .wp.approve .content .sectionbox > .container {
  padding-left: 15px;
  padding-right: 15px;
}

.max-md-size .wp.approve .content .sectionbox p {
  font-size: 16px;
}

.wp.approve .content .first p + p {
  margin-top: 30px;
}

.wp.approve .content .second {
  background-color: #FAFAFA;
}

.wp.approve .content .second .picbox {
  text-align: center;
  position: relative;
}

.wp.approve .content .second .picbox .bottompic {
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .wp.approve .content .second .picbox .bottompic {
    position: relative;
    bottom: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.wp.approve .content .second .picbox .bottom {
  display: inline-block;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .wp.approve .content .second .picbox .bottom {
    width: 50%;
    padding: 0 10px;
  }
}

.wp.approve .content .second .picbox .bottom p {
  margin-top: 30px;
  font-size: 16px;
  line-height: 25px;
}

@media screen and (max-width: 767px) {
  .wp.approve .content .second .picbox .bottom p {
    margin-top: 5px;
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 767px) {
  .wp.approve .content .second .picbox .bottom + .bottom {
    margin-left: 80px;
  }
}

.wp.approve .content .third {
  padding-bottom: 120px;
}

.wp.approve .content .third .picbox {
  margin: 75px 0;
}

@media screen and (max-width: 767px) {
  .wp.approve .content .third .container {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .wp.approve .content .third .container-fluid {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.wp.company .content .sectionbox h4 {
  font-size: 36px;
  color: #f39800;
  text-align: left;
  margin-bottom: 30px;
  font-weight: bold;
}

.max-md-size .wp.company .content .sectionbox h4 {
  font-size: 30px;
}

.max-sm-size .wp.company .content .sectionbox h4 {
  font-size: 24px;
}

.max-sm-size .wp.company .content .sectionbox h4.orange {
  font-size: 20px;
}

.max-xs-size .wp.company .content .sectionbox h4 {
  font-size: 20px;
}

.max-xs-size .wp.company .content .sectionbox h4.orange {
  font-size: 18px;
}

.wp.company .content .sectionbox p {
  font-size: 16px;
  line-height: 30px;
}

.max-xs-size .wp.company .content .sectionbox p {
  line-height: 24px;
}

.wp.company .content .first {
  min-height: 490px;
}

.wp.company .content .first .maps {
  position: absolute;
  right: 0;
  top: 0;
}

.wp.company .content .first .maps .mapele {
  position: absolute;
  left: 0;
  top: 0;
}

.wp.company .content .first .maps .dots {
  opacity: 0;
  top: -150px;
  -webkit-animation: dotin 1s cubic-bezier(0, 0.74, 0.69, 1.26) 1s forwards;
  animation: dotin 1s cubic-bezier(0, 0.74, 0.69, 1.26) 1s forwards;
}

.wp.company .content .first .maps .line1 {
  opacity: 0;
  -webkit-animation: ceoin 0.5s ease-in 2.2s forwards;
  animation: ceoin 0.5s ease-in 2.2s forwards;
}

.wp.company .content .first .maps .company1 {
  opacity: 0;
  left: 150px;
  -webkit-animation: companyin 1s cubic-bezier(0, 0.74, 0.69, 1.26) 2.5s forwards;
  animation: companyin 1s cubic-bezier(0, 0.74, 0.69, 1.26) 2.5s forwards;
}

.wp.company .content .first .maps .line2 {
  opacity: 0;
  -webkit-animation: ceoin 0.5s ease-in 2.4s forwards;
  animation: ceoin 0.5s ease-in 2.4s forwards;
}

.wp.company .content .first .maps .company2 {
  opacity: 0;
  left: 150px;
  -webkit-animation: companyin 1s cubic-bezier(0, 0.74, 0.69, 1.26) 2.7s forwards;
  animation: companyin 1s cubic-bezier(0, 0.74, 0.69, 1.26) 2.7s forwards;
}

.wp.company .content .first .maps .line3 {
  opacity: 0;
  -webkit-animation: ceoin 0.5s ease-in 2.6s forwards;
  animation: ceoin 0.5s ease-in 2.6s forwards;
}

.wp.company .content .first .maps .company3 {
  opacity: 0;
  left: 150px;
  -webkit-animation: companyin 1s cubic-bezier(0, 0.74, 0.69, 1.26) 2.9s forwards;
  animation: companyin 1s cubic-bezier(0, 0.74, 0.69, 1.26) 2.9s forwards;
}

.wp.company .content .first .maps .line4 {
  opacity: 0;
  -webkit-animation: ceoin 0.5s ease-in 2.8s forwards;
  animation: ceoin 0.5s ease-in 2.8s forwards;
}

.wp.company .content .first .maps .company4 {
  opacity: 0;
  left: 150px;
  -webkit-animation: companyin 1s cubic-bezier(0, 0.74, 0.69, 1.26) 3.1s forwards;
  animation: companyin 1s cubic-bezier(0, 0.74, 0.69, 1.26) 3.1s forwards;
}

.wp.company .content .first .maps .line5 {
  opacity: 0;
  -webkit-animation: ceoin 0.5s ease-in 3s forwards;
  animation: ceoin 0.5s ease-in 3s forwards;
}

.wp.company .content .first .maps .company5 {
  opacity: 0;
  left: 150px;
  -webkit-animation: companyin 1s cubic-bezier(0, 0.74, 0.69, 1.26) 3.3s forwards;
  animation: companyin 1s cubic-bezier(0, 0.74, 0.69, 1.26) 3.3s forwards;
}

@media screen and (max-width: 1439px) {
  .wp.company .content .first .maps {
    width: 1000px;
  }
}

@media screen and (max-width: 1366px) {
  .wp.company .content .first .maps {
    width: 900px;
  }
}

@media screen and (max-width: 1199px) {
  .wp.company .content .first {
    min-height: inherit;
    height: auto;
  }
  .wp.company .content .first .xsbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .wp.company .content .first .maps {
    position: relative;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    padding-top: 15px;
  }
}

@media screen and (max-width: 991px) {
  .wp.company .content .first .container-fluid {
    padding: 0;
  }
}

.wp.company .content .first .container {
  position: relative;
}

.wp.company .content .second .slider {
  margin-bottom: 0;
}

.wp.company .content .third .map {
  height: 600px;
}

.wp.company .content .third .map .companymarker p {
  font-size: 14px;
  line-height: 30px;
}

.wp.company .content .third .map .companymarker p.title {
  font-size: 16px;
  line-height: 30px;
}

.wp.company .content .contact-article article {
  position: relative;
  padding-top: 70px;
  padding-bottom: 70px;
}

.wp.company .content .contact-article article .container {
  position: relative;
}

.wp.company .content .contact-article article .container .group {
  width: 100%;
}

.wp.company .content .contact-article article .container .group .left {
  float: none;
  width: 100%;
}

.wp.company .content .contact-article article .container .group .left p {
  font-size: 18px;
  text-align: center;
}

.wp.company .content .contact-article article .container .group .left .btn {
  display: block;
  border: solid 1px #e50032;
  border-radius: 25px;
  color: #FFF;
  background: #e50032;
  width: 200px;
  height: 50px;
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 48px;
  padding: 0 15px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.wp.company .content .contact-article article .container .group .left .btn:hover {
  background: #FFF;
  color: #e50032;
  -webkit-transform: scale(1.15) translate(0, 0);
  -moz-transform: scale(1.15) translate(0, 0);
  -ms-transform: scale(1.15) translate(0, 0);
  -o-transform: scale(1.15) translate(0, 0);
  transform: scale(1.15) translate(0, 0);
}

.max-md-size .wp.company .content .contact-article article {
  padding-top: 50px;
  padding-bottom: 50px;
}

.max-md-size .wp.company .content .contact-article article .group .left {
  padding: 0 30px;
}

.max-md-size .wp.company .content .contact-article article .group .left .btn {
  margin-top: 30px;
}

.max-xs-size .wp.company .content .contact-article article .group .left {
  padding: 0 15px;
}

[data-id="csr"] .banner .banner-content .title h2 {
  color: #fff;
}

[data-id="csr"] .banner .banner-content .breadcrumb li, [data-id="csr"] .banner .banner-content .breadcrumb a {
  color: #fff !important;
}

[data-id="csr"] .banner .banner-content .breadcrumb li + li:before {
  color: #fff !important;
}

[data-id="csr"] .content h3 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
  [data-id="csr"] .content h3 {
    margin-bottom: 30px;
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  [data-id="csr"] .content h3 {
    margin-bottom: 20px;
    font-size: 20px;
  }
}

[data-id="csr"] .content h4 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 30px;
  margin-bottom: 30px;
  color: #565656;
}

@media screen and (max-width: 991px) {
  [data-id="csr"] .content h4 {
    margin-bottom: 20px;
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  [data-id="csr"] .content h4 {
    margin-bottom: 10px;
    font-size: 18px;
  }
}

[data-id="csr"] .content h5 {
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
}

[data-id="csr"] .content .pics {
  padding: .5rem;
}

[data-id="csr"] .content .pic {
  text-align: center;
}

[data-id="csr"] .content .sectionbox {
  padding-top: 60px;
  padding-bottom: 60px;
}

[data-id="csr"] .content .sectionbox > .container {
  padding: 0 50px;
}

.max-md-size [data-id="csr"] .content .sectionbox > .container {
  padding: 0 15px;
}

[data-id="csr"] .content .sectionbox p {
  letter-spacing: 1.5px;
  line-height: 30px;
}

[data-id="csr"] .content .sectionbox p + h5 {
  margin-top: 30px;
}

@media screen and (min-width: 992px) {
  [data-id="csr"] .content .sectionbox:nth-of-type(odd) .pic {
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
  }
  [data-id="csr"] .content .sectionbox:nth-of-type(odd) .links {
    left: 10px;
  }
  [data-id="csr"] .content .sectionbox:nth-of-type(even) .intro {
    padding-left: 30px;
    padding-right: 25px;
  }
  [data-id="csr"] .content .sectionbox:nth-of-type(even) .pic {
    text-align: left;
  }
  [data-id="csr"] .content .sectionbox:nth-of-type(even) .links {
    left: 40px;
  }
}

@media screen and (max-width: 991px) {
  [data-id="csr"] .content .sectionbox {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  [data-id="csr"] .content .sectionbox {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

[data-id="csr"] .content .introbox {
  position: relative;
}

[data-id="csr"] .content a.links {
  display: inline-block;
  width: 200px;
  height: 50px;
  border-radius: 30px;
  border: 1px solid #E10C39;
  overflow: hidden;
  background-color: transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 50px;
  color: #E10C39;
  text-align: center;
  z-index: 1;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

[data-id="csr"] .content a.links:hover {
  color: #fff;
  background-color: #E10C39;
}

@media screen and (max-width: 991px) {
  [data-id="csr"] .content a.links {
    position: relative;
    margin: 20px 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

/* ==========================================================================
	專業研發 news   ||   最新公益活動 activity
 ========================================================================== */
[data-id="news"].news .content, [data-id="news"].activities .content,
[data-id="csr"].news .content,
[data-id="csr"].activities .content {
  padding-top: 25px;
  background: #fbfbfa;
}

[data-id="news"].news .content .tab-pane .columns > .col-xs-12, [data-id="news"].activities .content .tab-pane .columns > .col-xs-12,
[data-id="csr"].news .content .tab-pane .columns > .col-xs-12,
[data-id="csr"].activities .content .tab-pane .columns > .col-xs-12 {
  padding: 0;
}

[data-id="news"].news .content .tab-pane .columns .column, [data-id="news"].activities .content .tab-pane .columns .column,
[data-id="csr"].news .content .tab-pane .columns .column,
[data-id="csr"].activities .content .tab-pane .columns .column {
  margin: 10px;
  padding: 0;
  display: block;
  margin-top: 40px;
}

.min-md-size [data-id="news"].news .content .tab-pane .columns .column, .min-md-size [data-id="news"].activities .content .tab-pane .columns .column, .min-md-size
[data-id="csr"].news .content .tab-pane .columns .column, .min-md-size
[data-id="csr"].activities .content .tab-pane .columns .column {
  -ms-flex-preferred-size: calc(33.3333333333% - 20px);
  flex-basis: calc(33.3333333333% - 20px);
  max-width: calc(33.3333333333% - 20px);
}

.int-md-size [data-id="news"].news .content .tab-pane .columns .column,
.int-sm-size [data-id="news"].news .content .tab-pane .columns .column, .int-md-size [data-id="news"].activities .content .tab-pane .columns .column,
.int-sm-size [data-id="news"].activities .content .tab-pane .columns .column, .int-md-size
[data-id="csr"].news .content .tab-pane .columns .column,
.int-sm-size
[data-id="csr"].news .content .tab-pane .columns .column, .int-md-size
[data-id="csr"].activities .content .tab-pane .columns .column,
.int-sm-size
[data-id="csr"].activities .content .tab-pane .columns .column {
  -ms-flex-preferred-size: calc(50% - 20px);
  flex-basis: calc(50% - 20px);
  max-width: calc(50% - 20px);
}

.max-sm-size [data-id="news"].news .content .tab-pane .columns .column, .max-sm-size [data-id="news"].activities .content .tab-pane .columns .column, .max-sm-size
[data-id="csr"].news .content .tab-pane .columns .column, .max-sm-size
[data-id="csr"].activities .content .tab-pane .columns .column {
  -ms-flex-preferred-size: calc(100% - 20px);
  flex-basis: calc(100% - 20px);
  max-width: calc(100% - 20px);
}

[data-id="news"].news .content .tab-pane .columns .column > .box, [data-id="news"].activities .content .tab-pane .columns .column > .box,
[data-id="csr"].news .content .tab-pane .columns .column > .box,
[data-id="csr"].activities .content .tab-pane .columns .column > .box {
  height: 100%;
  margin: 0;
  padding: 8px;
  background: #FFF;
  /* .max-bg-size & {
								padding: 0;
							} */
}

[data-id="news"].news .content .tab-pane .columns .column > .box .row, [data-id="news"].activities .content .tab-pane .columns .column > .box .row,
[data-id="csr"].news .content .tab-pane .columns .column > .box .row,
[data-id="csr"].activities .content .tab-pane .columns .column > .box .row {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
}

[data-id="news"].news .content .tab-pane .columns .column > .box .box, [data-id="news"].activities .content .tab-pane .columns .column > .box .box,
[data-id="csr"].news .content .tab-pane .columns .column > .box .box,
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box {
  position: relative;
  padding-bottom: 56px;
  margin: 0;
  height: auto;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
  margin: 0 !important;
}

[data-id="news"].news .content .tab-pane .columns .column > .box .box:before, [data-id="news"].activities .content .tab-pane .columns .column > .box .box:before,
[data-id="csr"].news .content .tab-pane .columns .column > .box .box:before,
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: solid 1px #e50032;
  border-top: solid 1px #e50032;
  border-width: 0;
}

[data-id="news"].news .content .tab-pane .columns .column > .box .box:after, [data-id="news"].activities .content .tab-pane .columns .column > .box .box:after,
[data-id="csr"].news .content .tab-pane .columns .column > .box .box:after,
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-right: solid 1px #e50032;
  border-bottom: solid 1px #e50032;
  border-width: 0;
}

[data-id="news"].news .content .tab-pane .columns .column > .box .box:hover:before, [data-id="news"].activities .content .tab-pane .columns .column > .box .box:hover:before,
[data-id="csr"].news .content .tab-pane .columns .column > .box .box:hover:before,
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box:hover:before {
  border-width: 100%;
}

[data-id="news"].news .content .tab-pane .columns .column > .box .box:hover:after, [data-id="news"].activities .content .tab-pane .columns .column > .box .box:hover:after,
[data-id="csr"].news .content .tab-pane .columns .column > .box .box:hover:after,
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box:hover:after {
  border-width: 100%;
}

[data-id="news"].news .content .tab-pane .columns .column > .box .box .pic, [data-id="news"].activities .content .tab-pane .columns .column > .box .box .pic,
[data-id="csr"].news .content .tab-pane .columns .column > .box .box .pic,
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box .pic {
  width: 100%;
  height: 280px;
  overflow: hidden;
}

.max-bg-size [data-id="news"].news .content .tab-pane .columns .column > .box .box .pic, .max-bg-size [data-id="news"].activities .content .tab-pane .columns .column > .box .box .pic, .max-bg-size
[data-id="csr"].news .content .tab-pane .columns .column > .box .box .pic, .max-bg-size
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box .pic {
  height: 250px;
}

.max-lg-size [data-id="news"].news .content .tab-pane .columns .column > .box .box .pic, .max-lg-size [data-id="news"].activities .content .tab-pane .columns .column > .box .box .pic, .max-lg-size
[data-id="csr"].news .content .tab-pane .columns .column > .box .box .pic, .max-lg-size
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box .pic {
  height: 165px;
}

.max-md-size [data-id="news"].news .content .tab-pane .columns .column > .box .box .pic, .max-md-size [data-id="news"].activities .content .tab-pane .columns .column > .box .box .pic, .max-md-size
[data-id="csr"].news .content .tab-pane .columns .column > .box .box .pic, .max-md-size
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box .pic {
  height: 230px;
}

.max-sm-size [data-id="news"].news .content .tab-pane .columns .column > .box .box .pic, .max-sm-size [data-id="news"].activities .content .tab-pane .columns .column > .box .box .pic, .max-sm-size
[data-id="csr"].news .content .tab-pane .columns .column > .box .box .pic, .max-sm-size
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box .pic {
  height: 280px;
}

.max-xs-size [data-id="news"].news .content .tab-pane .columns .column > .box .box .pic, .max-xs-size [data-id="news"].activities .content .tab-pane .columns .column > .box .box .pic, .max-xs-size
[data-id="csr"].news .content .tab-pane .columns .column > .box .box .pic, .max-xs-size
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box .pic {
  height: 195px;
}

[data-id="news"].news .content .tab-pane .columns .column > .box .box .txt, [data-id="news"].activities .content .tab-pane .columns .column > .box .box .txt,
[data-id="csr"].news .content .tab-pane .columns .column > .box .box .txt,
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box .txt {
  padding: 0 15px;
}

[data-id="news"].news .content .tab-pane .columns .column > .box .box .txt .date, [data-id="news"].activities .content .tab-pane .columns .column > .box .box .txt .date,
[data-id="csr"].news .content .tab-pane .columns .column > .box .box .txt .date,
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box .txt .date {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.5px;
  padding-top: 24px;
}

[data-id="news"].news .content .tab-pane .columns .column > .box .box .txt h4, [data-id="news"].activities .content .tab-pane .columns .column > .box .box .txt h4,
[data-id="csr"].news .content .tab-pane .columns .column > .box .box .txt h4,
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box .txt h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  letter-spacing: 1px;
  padding: 15px 0 15px 0;
  -webkit-transition: color 0.6s ease-in-out;
  -moz-transition: color 0.6s ease-in-out;
  -ms-transition: color 0.6s ease-in-out;
  -o-transition: color 0.6s ease-in-out;
  transition: color 0.6s ease-in-out;
}

[data-id="news"].news .content .tab-pane .columns .column > .box .box .txt p, [data-id="news"].activities .content .tab-pane .columns .column > .box .box .txt p,
[data-id="csr"].news .content .tab-pane .columns .column > .box .box .txt p,
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box .txt p {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 1px;
}

[data-id="news"].news .content .tab-pane .columns .column > .box .box .btn, [data-id="news"].activities .content .tab-pane .columns .column > .box .box .btn,
[data-id="csr"].news .content .tab-pane .columns .column > .box .box .btn,
[data-id="csr"].activities .content .tab-pane .columns .column > .box .box .btn {
  opacity: 0;
  position: absolute;
  right: -8px;
  bottom: -8px;
  width: 150px;
  height: 50px;
  color: #FFF;
  background: #e50032;
  letter-spacing: 1.5px;
  border-radius: 0;
  -webkit-transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  -ms-transition: opacity 0.6s ease-in-out;
  -o-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
}

[data-id="news"].news .content .tab-pane .columns .column:hover .box .txt h4, [data-id="news"].activities .content .tab-pane .columns .column:hover .box .txt h4,
[data-id="csr"].news .content .tab-pane .columns .column:hover .box .txt h4,
[data-id="csr"].activities .content .tab-pane .columns .column:hover .box .txt h4 {
  color: #e50032;
}

[data-id="news"].news .content .tab-pane .columns .column:hover .box .btn, [data-id="news"].activities .content .tab-pane .columns .column:hover .box .btn,
[data-id="csr"].news .content .tab-pane .columns .column:hover .box .btn,
[data-id="csr"].activities .content .tab-pane .columns .column:hover .box .btn {
  opacity: 1;
}

.max-md-size [data-id="news"].news .content .tab-pane .columns .column, .max-md-size [data-id="news"].activities .content .tab-pane .columns .column, .max-md-size
[data-id="csr"].news .content .tab-pane .columns .column, .max-md-size
[data-id="csr"].activities .content .tab-pane .columns .column {
  margin-top: 25px;
}

.max-xs-size [data-id="news"].news .content .tab-pane .columns .column, .max-xs-size [data-id="news"].activities .content .tab-pane .columns .column, .max-xs-size
[data-id="csr"].news .content .tab-pane .columns .column, .max-xs-size
[data-id="csr"].activities .content .tab-pane .columns .column {
  padding-left: 0;
  padding-right: 0;
}

[data-id="news"].new .content, [data-id="news"].activity .content,
[data-id="csr"].new .content,
[data-id="csr"].activity .content {
  padding-top: 61px;
  background: #FFF;
}

[data-id="news"].new .content .tab-content .tab-pane .new-area, [data-id="news"].activity .content .tab-content .tab-pane .new-area,
[data-id="csr"].new .content .tab-content .tab-pane .new-area,
[data-id="csr"].activity .content .tab-content .tab-pane .new-area {
  padding: 0 40px;
}

[data-id="news"].new .content .tab-content .tab-pane .new-area .date, [data-id="news"].activity .content .tab-content .tab-pane .new-area .date,
[data-id="csr"].new .content .tab-content .tab-pane .new-area .date,
[data-id="csr"].activity .content .tab-content .tab-pane .new-area .date {
  font-size: 15px;
  line-height: 24px;
  font-family: Arial, Helvetica, sans-serif;
  color: #555;
}

[data-id="news"].new .content .tab-content .tab-pane .new-area h3, [data-id="news"].activity .content .tab-content .tab-pane .new-area h3,
[data-id="csr"].new .content .tab-content .tab-pane .new-area h3,
[data-id="csr"].activity .content .tab-content .tab-pane .new-area h3 {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  padding: 21px 0 31px 0;
  letter-spacing: 2px;
}

[data-id="news"].new .content .tab-content .tab-pane .new-area p, [data-id="news"].activity .content .tab-content .tab-pane .new-area p,
[data-id="csr"].new .content .tab-content .tab-pane .new-area p,
[data-id="csr"].activity .content .tab-content .tab-pane .new-area p {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 35px;
  letter-spacing: 1px;
  color: #555;
}

[data-id="news"].new .content .tab-content .tab-pane .new-area img, [data-id="news"].activity .content .tab-content .tab-pane .new-area img,
[data-id="csr"].new .content .tab-content .tab-pane .new-area img,
[data-id="csr"].activity .content .tab-content .tab-pane .new-area img {
  max-width: 100%;
}

.max-md-size [data-id="news"].new .content .tab-content .tab-pane .new-area, .max-md-size [data-id="news"].activity .content .tab-content .tab-pane .new-area, .max-md-size
[data-id="csr"].new .content .tab-content .tab-pane .new-area, .max-md-size
[data-id="csr"].activity .content .tab-content .tab-pane .new-area {
  padding: 0;
}

.max-sm-size [data-id="news"].new .content .tab-content .tab-pane .new-area h3, .max-sm-size [data-id="news"].activity .content .tab-content .tab-pane .new-area h3, .max-sm-size
[data-id="csr"].new .content .tab-content .tab-pane .new-area h3, .max-sm-size
[data-id="csr"].activity .content .tab-content .tab-pane .new-area h3 {
  font-size: 20px;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager, [data-id="news"].activity .content .tab-content .tab-pane nav .pager,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager {
  float: left;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager ul, [data-id="news"].activity .content .tab-content .tab-pane nav .pager ul,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager ul,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager ul {
  float: left;
  display: block;
  margin: 79px 0 45px 0;
  height: 50px;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager ul li a, [data-id="news"].activity .content .tab-content .tab-pane nav .pager ul li a,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager ul li a,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager ul li a {
  border: solid 3px #e50032;
  border-radius: 25px;
  letter-spacing: 1px;
  white-space: nowrap;
  width: 50px;
  height: 50px;
  line-height: 46px;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-font-smoothing: auto;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager ul li a span, [data-id="news"].activity .content .tab-content .tab-pane nav .pager ul li a span,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager ul li a span,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager ul li a span {
  display: inline-block;
  white-space: nowrap;
  -webkit-font-smoothing: auto;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager ul li a span.text, [data-id="news"].activity .content .tab-content .tab-pane nav .pager ul li a span.text,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager ul li a span.text,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager ul li a span.text {
  display: none;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager ul li:hover a, [data-id="news"].activity .content .tab-content .tab-pane nav .pager ul li:hover a,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager ul li:hover a,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager ul li:hover a {
  width: 140px;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager ul li:hover a span.text, [data-id="news"].activity .content .tab-content .tab-pane nav .pager ul li:hover a span.text,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager ul li:hover a span.text,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager ul li:hover a span.text {
  display: inline-block;
  opacity: 1;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .prev li a i, [data-id="news"].new .content .tab-content .tab-pane nav .pager .prev li a span,
[data-id="news"].new .content .tab-content .tab-pane nav .pager .next li a i,
[data-id="news"].new .content .tab-content .tab-pane nav .pager .next li a span, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .prev li a i, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .prev li a span,
[data-id="news"].activity .content .tab-content .tab-pane nav .pager .next li a i,
[data-id="news"].activity .content .tab-content .tab-pane nav .pager .next li a span,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .prev li a i,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .prev li a span,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .next li a i,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .next li a span,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .prev li a i,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .prev li a span,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .next li a i,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .next li a span {
  display: inline-block;
  height: 44px;
  vertical-align: top;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .prev li a i:before,
[data-id="news"].new .content .tab-content .tab-pane nav .pager .next li a i:before, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .prev li a i:before,
[data-id="news"].activity .content .tab-content .tab-pane nav .pager .next li a i:before,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .prev li a i:before,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .next li a i:before,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .prev li a i:before,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .next li a i:before {
  font-size: 24px;
  line-height: 44px;
  color: #e50032;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .prev li a i.icon-icon-arrow-left:before,
[data-id="news"].new .content .tab-content .tab-pane nav .pager .next li a i.icon-icon-arrow-left:before, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .prev li a i.icon-icon-arrow-left:before,
[data-id="news"].activity .content .tab-content .tab-pane nav .pager .next li a i.icon-icon-arrow-left:before,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .prev li a i.icon-icon-arrow-left:before,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .next li a i.icon-icon-arrow-left:before,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .prev li a i.icon-icon-arrow-left:before,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .next li a i.icon-icon-arrow-left:before {
  margin-left: -4px;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .prev li a i.icon-icon-arrow-right:before,
[data-id="news"].new .content .tab-content .tab-pane nav .pager .next li a i.icon-icon-arrow-right:before, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .prev li a i.icon-icon-arrow-right:before,
[data-id="news"].activity .content .tab-content .tab-pane nav .pager .next li a i.icon-icon-arrow-right:before,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .prev li a i.icon-icon-arrow-right:before,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .next li a i.icon-icon-arrow-right:before,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .prev li a i.icon-icon-arrow-right:before,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .next li a i.icon-icon-arrow-right:before {
  margin-right: -4px;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .prev li:hover a span,
[data-id="news"].new .content .tab-content .tab-pane nav .pager .next li:hover a span, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .prev li:hover a span,
[data-id="news"].activity .content .tab-content .tab-pane nav .pager .next li:hover a span,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .prev li:hover a span,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .next li:hover a span,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .prev li:hover a span,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .next li:hover a span {
  color: #FFF;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .prev li:hover a i:before,
[data-id="news"].new .content .tab-content .tab-pane nav .pager .next li:hover a i:before, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .prev li:hover a i:before,
[data-id="news"].activity .content .tab-content .tab-pane nav .pager .next li:hover a i:before,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .prev li:hover a i:before,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .next li:hover a i:before,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .prev li:hover a i:before,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .next li:hover a i:before {
  color: #FFF;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .prev, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .prev,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .prev,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .prev {
  position: absolute;
  left: 0;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .prev li a, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .prev li a,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .prev li a,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .prev li a {
  background: no-repeat #FFF;
  background-position: left top;
  -webkit-transition: width 0.3s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out;
  position: absolute;
  right: 0;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .prev li a span, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .prev li a span,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .prev li a span,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .prev li a span {
  color: #e50032;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .prev li:hover a, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .prev li:hover a,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .prev li:hover a,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .prev li:hover a {
  background: no-repeat #e50032;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .next, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .next,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .next,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .next {
  position: absolute;
  right: 0;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .next li a, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .next li a,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .next li a,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .next li a {
  background: no-repeat #FFF;
  background-position: right top;
  -webkit-transition: width 0.3s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out;
  position: absolute;
  left: 0;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .next li a span, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .next li a span,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .next li a span,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .next li a span {
  color: #e50032;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .next li:hover a, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .next li:hover a,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .next li:hover a,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .next li:hover a {
  background: no-repeat #e50032;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .mid, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .mid,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .mid,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .mid {
  padding: 0 15px;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .mid li a, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .mid li a,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .mid li a,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .mid li a {
  padding: 0 40px;
  width: auto;
  -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}

[data-id="news"].new .content .tab-content .tab-pane nav .pager .mid li:hover a, [data-id="news"].activity .content .tab-content .tab-pane nav .pager .mid li:hover a,
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .mid li:hover a,
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .mid li:hover a {
  width: auto;
  color: #FFF;
  background: #e50032;
}

.max-md-size [data-id="news"].new .content .tab-content .tab-pane nav .pager ul, .max-md-size [data-id="news"].activity .content .tab-content .tab-pane nav .pager ul, .max-md-size
[data-id="csr"].new .content .tab-content .tab-pane nav .pager ul, .max-md-size
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager ul {
  margin: 35px 0 25px 0;
}

.max-xs-size [data-id="news"].new .content .tab-content .tab-pane nav .pager .prev li:hover a,
.max-xs-size [data-id="news"].new .content .tab-content .tab-pane nav .pager .next li:hover a, .max-xs-size [data-id="news"].activity .content .tab-content .tab-pane nav .pager .prev li:hover a,
.max-xs-size [data-id="news"].activity .content .tab-content .tab-pane nav .pager .next li:hover a, .max-xs-size
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .prev li:hover a,
.max-xs-size
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .next li:hover a, .max-xs-size
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .prev li:hover a,
.max-xs-size
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .next li:hover a {
  width: 50px;
}

.max-xs-size [data-id="news"].new .content .tab-content .tab-pane nav .pager .prev li:hover a .text,
.max-xs-size [data-id="news"].new .content .tab-content .tab-pane nav .pager .next li:hover a .text, .max-xs-size [data-id="news"].activity .content .tab-content .tab-pane nav .pager .prev li:hover a .text,
.max-xs-size [data-id="news"].activity .content .tab-content .tab-pane nav .pager .next li:hover a .text, .max-xs-size
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .prev li:hover a .text,
.max-xs-size
[data-id="csr"].new .content .tab-content .tab-pane nav .pager .next li:hover a .text, .max-xs-size
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .prev li:hover a .text,
.max-xs-size
[data-id="csr"].activity .content .tab-content .tab-pane nav .pager .next li:hover a .text {
  display: none;
}

[data-id="news"].new .content .tab-content .tab-pane .news-area, [data-id="news"].activity .content .tab-content .tab-pane .news-area,
[data-id="csr"].new .content .tab-content .tab-pane .news-area,
[data-id="csr"].activity .content .tab-content .tab-pane .news-area {
  padding-top: 25px;
  padding-bottom: 35px;
  background: #fbfbfa;
}

[data-id="news"].news .banner .row .links .container .dropkick {
  float: right;
  width: 180px;
  height: auto;
  line-height: normal;
  padding: 28px 12px;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.max-xs-size [data-id="news"].news .banner .row .links .container .dropkick {
  width: 100%;
}

[data-id="news"].news .banner .row .links .container .dropkick .dk-selected {
  font-size: 15px;
  letter-spacing: 1.5px;
  padding: 0 3em 0 0.5em;
  border-radius: 0;
  background: transparent;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

[data-id="news"].news .banner .row .links .container .dropkick .dk-selected:before {
  content: "";
  border: 0;
  margin: 0;
}

[data-id="news"].news .banner .row .links .container .dropkick .dk-selected:after {
  border: 0;
  font-size: 20px;
  font-family: "icomoon";
  content: "\e90a";
  margin: 0 0.5em 0 0;
  color: #e50032;
  -webkit-transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

[data-id="news"].news .banner .row .links .container .dropkick .dk-select-options {
  border-color: #e50032;
  border-radius: 0;
  padding: 0;
}

[data-id="news"].news .banner .row .links .container .dropkick .dk-select-options .dk-option {
  padding: 0.75em 16px;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

[data-id="news"].news .banner .row .links .container .dropkick .dk-select-options .dk-option.dk-option-highlight {
  background: #A70527;
}

[data-id="news"].news .banner .row .links .container .dropkick.dk-select-open-down {
  background: #e50032;
}

[data-id="news"].news .banner .row .links .container .dropkick.dk-select-open-down .dk-selected {
  color: #FFF;
}

[data-id="news"].news .banner .row .links .container .dropkick.dk-select-open-down .dk-selected:after {
  color: #FFF;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.max-md-size [data-id="news"].news .banner .row .links .container .dropkick {
  float: left;
}

.max-md-size [data-id="news"].news .banner {
  margin-bottom: 76px;
}

[data-id="news"].new .banner {
  margin-bottom: 76px;
}

[data-id="news"].new .banner .tools .social {
  padding: 13px 0;
  width: 260px;
}

[data-id="news"].new .banner .tools .social .a2a_kit {
  float: left;
}

[data-id="news"].new .banner .tools .social .a2a_kit a {
  float: left;
  width: 25%;
}

[data-id="csr"].activity.wp .content {
  padding-top: 61px;
  background: #FFF;
}

.max-sm-size [data-id="csr"].activity.wp .content {
  padding-top: 40px;
}

[data-id="csr"].activity.wp .content .tab-content .tab-pane .new-area h3 {
  margin-bottom: 0;
}

[data-id="csr"].activity.wp .content .tab-content .tab-pane .tools {
  margin-top: 32px;
}

[data-id="csr"].activity.wp .content .tab-content .tab-pane .tools .social {
  float: none;
  display: block;
  margin: 0 auto;
  width: 165px;
}

.max-sm-size [data-id="csr"].activity.wp .content .tab-content .tab-pane .tools .social {
  width: 250px;
}

[data-id="csr"].activity.wp .content .tab-content .tab-pane .tools .social label {
  width: 100%;
  display: block;
  text-align: center;
  padding-right: 0;
}

[data-id="csr"].activity.wp .content .tab-content .tab-pane .tools .social .a2a_kit {
  width: 100%;
}

[data-id="csr"].activity.wp .content .tab-content .tab-pane .tools .social .a2a_kit a {
  padding: 0;
}

[data-id="csr"].activity.wp .content .tab-content .tab-pane nav .pager ul {
  margin: 16px 0 45px 0;
}

.wp.committed .content .first {
  background-color: #fafafa;
}

.wp.committed .content .first .inner p {
  line-height: 30px;
}

.wp.committed .content .first .inner p + p {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .wp.committed .content .second .lists h4 {
    text-align: center;
  }
}

.wp.committed .content .second .lists p {
  padding: 10px 0;
  padding-left: 30px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .wp.committed .content .second .lists p {
    padding: 5px auto;
  }
}

.wp.committed .content .second .lists p .icon-check {
  position: absolute;
  left: 0;
  top: 15px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  margin-right: 15px;
}

.wp.committed .content .second .lists p .icon-check:before {
  line-height: 20px;
  color: #fff;
  display: inherit;
}

.wp.committed .content .second .left h4 {
  color: #FC7B25;
}

.wp.committed .content .second .left p .icon-check {
  background-color: #FC7B25;
}

.wp.committed .content .second .right h4 {
  color: #2D9926;
}

.wp.committed .content .second .right p .icon-check {
  background-color: #2D9926;
}

@media screen and (max-width: 767px) {
  .wp.committed .content .second .right {
    margin-top: 20px;
  }
}

.wp.stakeholder .content .first {
  background-color: #FAFAFA;
}

.wp.stakeholder .content .first .flow {
  margin-top: 90px;
}

@media screen and (max-width: 991px) {
  .wp.stakeholder .content .first .flow {
    margin-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .wp.stakeholder .content .first .flow {
    margin-top: 40px;
  }
}

.wp.stakeholder .content .first .flow .pics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
}

@media screen and (min-width: 992px) {
  .wp.stakeholder .content .first .flow .pics .pic + .pic {
    padding-left: 20px;
  }
}

@media screen and (max-width: 991px) {
  .wp.stakeholder .content .first .flow .pics {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .wp.stakeholder .content .first .flow .pics .pic {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .wp.stakeholder .content .first .flow .pics {
    margin-top: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .wp.stakeholder .content .first .flow .pics .pic {
    width: 80%;
  }
}

.wp.stakeholder .content .second {
  background-color: #EEEEEE;
}

.wp.stakeholder .content .second .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wp.stakeholder .content .second .pics {
  position: relative;
  display: block;
  text-align: center;
}

.wp.stakeholder .content .second .pics .ring, .wp.stakeholder .content .second .pics .mid {
  display: inline-block;
}

.wp.stakeholder .content .second .pics .ring .pic, .wp.stakeholder .content .second .pics .mid .pic {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  left: 0;
  top: 0;
  position: relative;
}

.wp.stakeholder .content .second .pics .ring {
  width: auto;
}

.max-sm-size .wp.stakeholder .content .second .pics .ring .pic {
  width: 420px;
}

.max-xs-size .wp.stakeholder .content .second .pics .ring .pic {
  width: 290px;
}

.wp.stakeholder .content .second .pics .mid {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  text-align: center;
  position: absolute;
}

.max-bg-size .wp.stakeholder .content .second .pics .mid .pic {
  width: 300px;
}

.max-lg-size .wp.stakeholder .content .second .pics .mid .pic {
  width: 250px;
}

.max-md-size .wp.stakeholder .content .second .pics .mid .pic {
  width: auto;
}

.max-sm-size .wp.stakeholder .content .second .pics .mid .pic {
  width: 220px;
}

.max-xs-size .wp.stakeholder .content .second .pics .mid .pic {
  width: 180px;
}

.wp.stakeholder .content .second .pics.inview .ring .pic {
  -webkit-animation: secondin 0.8s cubic-bezier(0.17, 0.67, 0.5, 1.29) 0.9s forwards;
  animation: secondin 0.8s cubic-bezier(0.17, 0.67, 0.5, 1.29) 0.9s forwards;
}

.wp.stakeholder .content .second .pics.inview .mid .pic {
  -webkit-animation: secondin 1s cubic-bezier(0.17, 0.67, 0.5, 1.29) 0.5s forwards;
  animation: secondin 1s cubic-bezier(0.17, 0.67, 0.5, 1.29) 0.5s forwards;
}

@-webkit-keyframes secondin {
  from {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes secondin {
  from {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.wp.stakeholder .content .third {
  padding-top: 90px;
  padding-bottom: 90px;
}

.wp.stakeholder .content .third:nth-of-type(even) {
  background-color: #EEE;
}

@media screen and (max-width: 991px) {
  .wp.stakeholder .content .third {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .wp.stakeholder .content .third .row .list + .list {
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .wp.stakeholder .content .third {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .wp.stakeholder .content .third .row .list + .list {
    margin-top: 20px;
  }
}

.wp.foodsafety .content {
  background-color: #FAFAFA;
}

@media screen and (max-width: 991px) {
  .wp.foodsafety .content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .wp.foodsafety .content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.wp.foodsafety .content .top {
  position: relative;
}

@media screen and (min-width: 767px) {
  .wp.foodsafety .content .top p {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .wp.foodsafety .content .top .pic {
    text-align: center;
  }
}

.wp.foodsafety .content .bottom {
  margin-top: 75px;
}

.wp.foodsafety .content .bottom .inner {
  padding-right: inherit;
}

@media screen and (max-width: 991px) {
  .wp.foodsafety .content .bottom .stairchart {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 15px;
  }
  .wp.foodsafety .content .bottom .stairchart .pic {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 479px) {
  .wp.foodsafety .content .bottom .stairchart .pic {
    width: 100%;
  }
}

.wp.foodsafety .content p {
  line-height: 30px;
  letter-spacing: 1.5px;
}

.wp.rd .content .first, .wp.rd .content .third {
  background-color: #FAFAFA;
}

@media screen and (min-width: 1199px) {
  .wp.rd .content .second .introbox .intro h4 {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .wp.rd .content .second .introbox {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.wp.rd .content .fourth .pics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.wp.rd .content .fourth .pics .picbox {
  text-align: center;
}

.wp.rd .content .fourth .pics .picbox .pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 200px;
}

.wp.rd .content .fourth .pics .picbox p {
  line-height: 24px;
}

@media screen and (min-width: 768px) {
  .wp.rd .content .fourth .pics .picbox + .picbox {
    padding-left: 15px;
  }
}

@media screen and (min-width: 992px) {
  .wp.rd .content .fourth .pics {
    padding-top: 50px;
  }
  .wp.rd .content .fourth .pics .picbox + .picbox {
    padding-left: 30px;
  }
}

@media screen and (max-width: 991px) {
  .wp.rd .content .fourth .pics {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .wp.rd .content .fourth .pics {
    padding-top: 30px;
  }
}

@media screen and (max-width: 479px) {
  .wp.rd .content .fourth .pics {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.wp.rd .content .fourth .pics .pic1 p {
  color: #E2002D;
}

.wp.rd .content .fourth .pics .pic2 p {
  color: #abcd03;
}

.wp.rd .content .fourth .pics .pic3 p {
  color: #E32D57;
}

.wp.rd .content .fourth .pics .pic4 p {
  color: #E58714;
}

.wp.rd .content .fourth .pics .pic5 p {
  color: #318AC4;
}

.wp.relation .content .introbox .intro p {
  padding-bottom: 0;
}

.wp.relation .content .first, .wp.relation .content .third {
  background-color: #fafafa;
}

@media screen and (min-width: 768px) {
  .wp.relation .content .second .introbox {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.wp.relation .content .third {
  padding-bottom: 0;
}

.min-lg-size .wp.relation .content .third .list:nth-of-type(odd) {
  padding-right: 50px;
}

.wp.relation .content .third .pics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .wp.relation .content .third .pics {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.wp.relation .content .third .pic {
  margin-top: 60px;
}

.max-lg-size .wp.relation .content .third .pic {
  text-align: center;
}

.wp.relation .content .fourth ul li {
  line-height: 30px;
}

@media screen and (max-width: 767px) {
  .wp.relation .content .fourth .pic {
    margin-top: 15px;
  }
}

.wp.social .content h5 {
  color: #555;
}

.wp.social .content .first, .wp.social .content .third {
  background-color: #fafafa;
}

@media screen and (min-width: 767px) {
  .wp.social .content .second .introbox {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

@media screen and (min-width: 992px) {
  .wp.social .content .sectionbox .row .list {
    padding-right: 50px;
  }
}

@media screen and (max-width: 991px) {
  .wp.social .content .sectionbox .row .list + .list {
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .wp.social .content .sectionbox .row .list + .list {
    margin-top: 20px;
  }
}

.wp.social .content table th, .wp.social .content table td {
  white-space: nowrap;
}

.wp[data-id="csr"] .content .inner {
  padding-left: 40px;
}

.max-md-size .wp[data-id="csr"] .content .inner {
  padding-left: 0;
}

@media screen and (min-width: 992px) {
  .wp.eco .content .sectionbox .row .list {
    padding-right: 50px;
  }
}

@media screen and (max-width: 767px) {
  .wp.eco .content .sectionbox .row .list + .list {
    margin-top: 20px;
  }
}

.wp.eco .content .first {
  background-color: #fafafa;
}

.wp.eco .content .first ul li {
  line-height: 30px;
}

.wp.eco .content .second .pics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wp.eco .content .second .pics .pic + .pic {
  padding-left: 15px;
}

@media screen and (min-width: 768px) {
  .wp.eco .content .second .introbox {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.wp.eco .content .third {
  background-color: #fafafa;
}

.wp.eco .content .third h4 {
  line-height: 50px;
  padding-left: 60px;
  position: relative;
}

.wp.eco .content .third h4 img {
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (min-width: 768px) {
  .wp.eco .content .third .bottom {
    margin-top: 60px;
  }
}

.wp.eco .content .third .bottom .pic {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .wp.eco .content .third .row > div {
    margin-top: 20px;
  }
}

.wp.report .content .tab-content .tab-pane#tab2 .article .row .list .box {
  padding: 0;
}

.max-lg-size .wp.report .content .tab-content .tab-pane#tab2 .article .row {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.max-md-size .wp.report .content .tab-content .tab-pane#tab2 .article {
  margin-top: -50px;
}

.max-md-size .wp.report .content .tab-content .tab-pane#tab2 .article .row .list {
  margin-top: 50px;
}

.wp.activities .content {
  padding-top: 0;
}

.wp.activities .content .tab-pane .columns .column > .box {
  margin: 0;
}

.wp.interests .banner .banner-content .breadcrumb li {
  color: #fff;
}

.wp.interests .banner .banner-content .breadcrumb li a {
  color: #fff;
}

.wp.interests .banner .banner-content .breadcrumb li + li:before {
  color: #fff;
}

.wp.interests .banner .banner-content .title h2 {
  color: #fff;
}

@media screen and (max-width: 991px) {
  .wp.interests .content h3 {
    line-height: 50px;
    padding-top: 15px;
  }
}

.wp.interests .content .cards {
  position: relative;
  width: 100%;
  max-width: 1460px;
  margin: 60px auto 120px auto;
}

@media screen and (max-width: 767px) {
  .wp.interests .content .cards {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.wp.interests .content .cards a {
  -webkit-transition: color 0.3s ease-in-out, -webkit-text-decoration 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, -webkit-text-decoration 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, text-decoration 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, text-decoration 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, -webkit-text-decoration 0.3s ease-in-out;
}

.wp.interests .content .cards a:hover {
  color: #e50032;
  text-decoration: underline;
}

.wp.interests .content .cards .card + .card {
  margin-top: 60px;
}

@media screen and (max-width: 991px) {
  .wp.interests .content .cards .card + .card {
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .wp.interests .content .cards .card + .card {
    margin-top: 15px;
  }
}

.wp.interests .content .cards .card {
  position: relative;
  width: 100%;
  border: 1px solid #ddd;
  padding: 40px;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .wp.interests .content .cards .card {
    padding: 15px;
  }
}

.wp.interests .content .cards .card:hover {
  -webkit-box-shadow: 0 0 15px #aaa;
  box-shadow: 0 0 15px #aaa;
}

.wp.interests .content .cards .card .left.always-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.wp.interests .content .cards .card .company {
  font-size: 20px;
  color: #333;
  line-height: 30px;
}

.wp.interests .content .cards .card .company:before {
  content: "";
  height: 5px;
  width: 100px;
  display: block;
  margin-bottom: 25px;
  background: #f88c2d;
  background: -moz-linear-gradient(left, #f88c2d 0%, #ea2f34 100%);
  background: -webkit-linear-gradient(left, #f88c2d 0%, #ea2f34 100%);
  background: -webkit-gradient(linear, left top, right top, from(#f88c2d), to(#ea2f34));
  background: -o-linear-gradient(left, #f88c2d 0%, #ea2f34 100%);
  background: linear-gradient(to right, #f88c2d 0%, #ea2f34 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88c2d', endColorstr='#ea2f34',GradientType=1 );
}

@media screen and (max-width: 991px) {
  .wp.interests .content .cards .card .company:before {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 991px) {
  .wp.interests .content .cards .card .company {
    margin-bottom: 10px;
  }
}

.wp.interests .content .cards .card .address {
  font-size: 16px;
  color: #777;
  line-height: 25px;
}

.wp.interests .content .cards .card .table-responsive {
  border: 0;
}

.wp.interests .content .cards .card .column {
  background-color: #f6f6f6;
}

.wp.interests .content .cards .card .column .box .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wp.interests .content .cards .card .column .box .row .top, .wp.interests .content .cards .card .column .box .row .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0;
}

.wp.interests .content .cards .card .column .box .row .top .box-nested, .wp.interests .content .cards .card .column .box .row .bottom .box-nested {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 25px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: nowrap;
  border: 0;
}

.wp.interests .content .cards .card .column .box .row .top {
  background-color: #eee;
}

.wp.interests .content .cards .card table {
  width: 100%;
}

.wp.interests .content .cards .card table th, .wp.interests .content .cards .card table td {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 25px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  border: 0;
}

.wp.interests .content .cards .card table th {
  background-color: #eee;
}

.wp.interests .content .cards .card table td {
  background-color: #f6f6f6;
}

@media screen and (max-width: 1199px) {
  .wp.interests .content .cards .card table th, .wp.interests .content .cards .card table td {
    padding-left: 15px;
  }
}

@media screen and (max-width: 991px) {
  .wp.interests .content .cards .card table {
    margin: 15px 0 15px 0;
  }
}

@media screen and (max-width: 479px) {
  .wp.interests .content .cards .card table {
    table-layout: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .wp.interests .content .cards .card table thead {
    float: left;
    width: 75px;
    background-color: #eeeeee;
  }
  .wp.interests .content .cards .card table tbody {
    float: left;
    width: calc(100% - 75px);
    background-color: #f6f6f6;
  }
  .wp.interests .content .cards .card table th, .wp.interests .content .cards .card table td {
    display: block;
    word-break: break-all;
    background-color: transparent;
  }
}

@media screen and (min-width: 1200px) {
  .wp.interests .content .cards .card .left {
    -ms-flex-preferred-size: calc(100% - 750px);
    flex-basis: calc(100% - 750px);
    max-width: calc(100% - 750px);
  }
  .wp.interests .content .cards .card .right {
    -ms-flex-preferred-size: 750px;
    flex-basis: 750px;
    max-width: 750px;
  }
  .wp.interests .content .cards .card .right table th:nth-of-type(1) {
    min-width: 135px;
  }
  .wp.interests .content .cards .card .right table th:nth-of-type(2) {
    min-width: 180px;
  }
  .wp.interests .content .cards .card .right table th:nth-of-type(3) {
    min-width: 180px;
  }
}

@media screen and (min-width: 1408px) {
  .wp.interests .content .cards .card .left {
    -ms-flex-preferred-size: calc(100% - 960px);
    flex-basis: calc(100% - 960px);
    max-width: calc(100% - 960px);
  }
  .wp.interests .content .cards .card .right {
    -ms-flex-preferred-size: 960px;
    flex-basis: 960px;
    max-width: 960px;
  }
}

@media screen and (min-width: 600px) and (max-width: 1199px) {
  .wp.interests .content .cards .card .column {
    background-color: #f6f6f6;
  }
  .wp.interests .content .cards .card .column:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .wp.interests .content .cards .card .column:nth-of-type(2) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .wp.interests .content .cards .card .column:nth-of-type(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .wp.interests .content .cards .card .column:nth-of-type(4) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .wp.interests .content .cards .card .column:nth-of-type(odd) {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .wp.interests .content .cards .card .column:nth-of-type(even) {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

@media screen and (min-width: 600px) and (max-width: 767px) {
  .wp.interests .content .cards .card .column:nth-of-type(odd) {
    max-width: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
  }
  .wp.interests .content .cards .card .column:nth-of-type(even) {
    max-width: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1407px) {
  .wp.interests .content .cards .card .column:nth-of-type(2) {
    max-width: 180px;
    -ms-flex-preferred-size: 180px;
    flex-basis: 180px;
  }
  .wp.interests .content .cards .card .column:nth-of-type(3) {
    max-width: 180px;
    -ms-flex-preferred-size: 180px;
    flex-basis: 180px;
  }
}

@media screen and (max-width: 599px) {
  .wp.interests .content .cards .card .left + .right {
    padding-top: 15px;
  }
  .wp.interests .content .cards .card .column:nth-of-type(odd), .wp.interests .content .cards .card .column:nth-of-type(even) {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}

.wp.interests .footer-nav .investor {
  position: relative;
}

.wp.interests .footer-nav .investor .jqimgFill {
  height: 360px;
}

.wp.interests .footer-nav .investor .text {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  color: #fff;
  letter-spacing: 1px;
}

.wp.interests .footer-nav .investor .self-btn {
  display: inline-block;
  width: 200px;
  height: 50px;
  background-color: #E10C37;
  border-radius: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  border: 2px solid #E10C37;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 20px;
  letter-spacing: 2px;
  font-size: 20px;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.wp.interests .footer-nav .investor:hover .self-btn {
  background-color: transparent;
  color: #E10C37;
}

.wp.contact .banner {
  margin: 0;
}

.wp.contact .banner .banner-content .title {
  left: auto;
  width: 100%;
}

.wp.contact .banner .banner-content .title h2 {
  text-align: center;
  color: #fff;
}

.wp.contact .banner .banner-content .title h2:last-child {
  font-size: 30px;
}

.wp.contact .banner .banner-content .title h2:first-child {
  font-size: 36px;
}

.max-sm-size .wp.contact .banner .banner-content .title h2 {
  text-align: center;
}

.wp.contact .banner .banner-content .breadcrumb li, .wp.contact .banner .banner-content .breadcrumb a {
  color: #fff;
}

.wp.contact .banner .banner-content .breadcrumb li + li:before {
  color: #fff;
}

.wp.contact .content .section {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media screen and (max-width: 767px) {
  .wp.contact .content .section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.wp.contact .content .section h4 {
  font-size: 30px;
  color: #fc0c3a;
  text-align: center;
  margin-bottom: 15px;
  line-height: 40px;
}

.wp.contact .content .section p {
  text-align: center;
  color: #555;
  line-height: 30px;
  margin: 0;
  font-size: 18px;
  letter-spacing: 1.4px;
}

.wp.contact .content .section.first {
  position: relative;
}

.wp.contact .content .section.first:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 0;
  height: 100px;
  opacity: 0;
  -webkit-transform: translate(-50%, -70%);
  -ms-transform: translate(-50%, -70%);
  transform: translate(-50%, -70%);
  background-color: #e50032;
  width: 5px;
  -webkit-animation: beforein 2s ease-in-out 0.5s forwards;
  animation: beforein 2s ease-in-out 0.5s forwards;
  z-index: 51;
}

@media screen and (max-width: 767px) {
  .wp.contact .content .section.first:before {
    height: 50px;
  }
}

.wp.contact .content .section.first .iconbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px;
}

@media screen and (max-width: 479px) {
  .wp.contact .content .section.first .iconbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.wp.contact .content .section.first .iconbox .icon {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid #e70034;
  position: relative;
  -webkit-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

.wp.contact .content .section.first .iconbox .icon:before {
  content: "\e914";
  font-family: "icomoon";
  font-size: 30px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #e70034;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.wp.contact .content .section.first .iconbox p {
  display: inline-block;
  text-align: left;
  line-height: inherit;
  padding-left: 15px;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 1.5px;
}

.wp.contact .content .section.first .iconbox p a {
  font-size: 24px;
  color: #e70034;
  letter-spacing: 1.5px;
}

@media screen and (max-width: 479px) {
  .wp.contact .content .section.first .iconbox p {
    text-align: center;
    padding-left: 0;
    padding-top: 15px;
  }
}

.wp.contact .content .section.second {
  background-color: #f5f5f5;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .wp.contact .content .section.second {
    padding-bottom: 40px;
  }
}

.wp.contact .content .section.second .formbox {
  border: 1px solid #aaa;
  background-color: #fff;
  padding: 60px;
  position: relative;
  width: 100%;
  max-width: 1120px;
  margin: 50px auto;
}

@media screen and (max-width: 767px) {
  .wp.contact .content .section.second .formbox {
    padding: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

.wp.contact .content .section.second .formbox p.warning {
  color: #e50032;
  line-height: 40px;
  margin-bottom: 0;
  text-align: left;
  padding-left: 25px;
  font-size: 16px;
}

.max-xs-size .wp.contact .content .section.second .formbox p.warning {
  padding-left: 15px;
}

.wp.contact .content .section.second .formbox .w100 {
  width: 100%;
  background-color: #f6f6f6;
  margin-top: 5px;
  position: relative;
}

.wp.contact .content .section.second .formbox .w100 label,
.wp.contact .content .section.second .formbox .w100 input,
.wp.contact .content .section.second .formbox .w100 textarea,
.wp.contact .content .section.second .formbox .w100 .dk-selected {
  font-size: 16px;
}

.wp.contact .content .section.second .formbox .w100 label {
  padding: 0 25px;
  width: 140px;
  line-height: 50px;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
}

.wp.contact .content .section.second .formbox .w100 label:after {
  padding-left: 9px;
  padding-right: 9px;
}

.wp.contact .content .section.second .formbox .w100 label.must:after {
  content: "*";
  color: #e50032;
}

@media screen and (max-width: 479px) {
  .wp.contact .content .section.second .formbox .w100 label {
    font-weight: bold;
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.wp.contact .content .section.second .formbox .w100 input[type=text] {
  width: calc(100% - 146px);
  height: 50px;
  line-height: 50px;
  outline: none;
  border: 0;
  background-color: transparent;
}

@media screen and (max-width: 479px) {
  .wp.contact .content .section.second .formbox .w100 input[type=text] {
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.wp.contact .content .section.second .formbox .w100 textarea {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: calc(100% - 146px);
  border: 0;
  background-color: transparent;
  resize: none;
  outline: none;
  height: 200px;
  display: inline-block;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 25px;
  font-size: 16px;
}

@media screen and (max-width: 479px) {
  .wp.contact .content .section.second .formbox .w100 textarea {
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.wp.contact .content .section.second .formbox .w100 .dropkick {
  width: calc(100% - 146px);
  height: 50px;
  line-height: 50px;
}

.wp.contact .content .section.second .formbox .w100 .dropkick .dk-selected {
  border-radius: 0;
  background-color: transparent;
  border: 0;
}

.wp.contact .content .section.second .formbox .w100 .dropkick .dk-selected:after {
  display: none;
}

.wp.contact .content .section.second .formbox .w100 .dropkick .dk-select-options {
  border-color: #aaa;
  border-radius: 0;
  padding: 0;
}

.wp.contact .content .section.second .formbox .w100 .dropkick .dk-select-options .dk-option {
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.wp.contact .content .section.second .formbox .w100 .dropkick .dk-select-options .dk-option-highlight:not(.dk-option-selected) {
  background-color: transparent;
  color: #e50032;
}

.wp.contact .content .section.second .formbox .w100 .dropkick .dk-select-options .dk-option-selected {
  background-color: #e50032;
  color: #fff;
}

@media screen and (max-width: 479px) {
  .wp.contact .content .section.second .formbox .w100 .dropkick {
    width: 100%;
  }
  .wp.contact .content .section.second .formbox .w100 .dropkick .dk-selected {
    width: 100%;
    padding-left: 15px;
    padding-left: 15px;
  }
  .wp.contact .content .section.second .formbox .w100 .dropkick .dk-select-options .dk-option {
    padding-left: 15px;
    padding-left: 15px;
  }
}

.wp.contact .content .section.second .formbox .code label {
  width: 140px;
  padding: 0 25px;
  line-height: 50px;
  float: left;
}

@media screen and (max-width: 479px) {
  .wp.contact .content .section.second .formbox .code label {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.wp.contact .content .section.second .formbox .code .group {
  width: calc(100% - 250px - 140px);
  float: left;
}

.wp.contact .content .section.second .formbox .code .group input[type=text] {
  width: calc(100% - 164px);
  vertical-align: top;
}

.wp.contact .content .section.second .formbox .code .group .pic {
  float: right;
  background: #FFF;
}

@media screen and (max-width: 479px) {
  .wp.contact .content .section.second .formbox .code .group .pic {
    display: block;
    width: 100%;
  }
}

.wp.contact .content .section.second .formbox .code .group .pic .captcha {
  display: block;
  color: #555;
}

.wp.contact .content .section.second .formbox .code .group .pic .captcha img {
  margin-top: 3px;
}

.wp.contact .content .section.second .formbox .code .group .pic .captcha:focus, .wp.contact .content .section.second .formbox .code .group .pic .captcha:hover {
  color: #555;
}

@media screen and (max-width: 991px) {
  .wp.contact .content .section.second .formbox .code .group .pic .captcha span {
    display: none;
  }
}

.wp.contact .content .section.second .formbox .code .warning {
  width: 250px;
  line-height: 50px;
  display: inline-block;
  background: #FFF;
  letter-spacing: 1.5px;
}

@media screen and (max-width: 991px) {
  .wp.contact .content .section.second .formbox .code .group {
    width: calc(100% - 140px);
  }
  .wp.contact .content .section.second .formbox .code .warning {
    width: 100%;
    padding-left: 25px;
  }
}

@media screen and (max-width: 479px) {
  .wp.contact .content .section.second .formbox .code label {
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .wp.contact .content .section.second .formbox .code .group {
    width: calc(100%);
  }
  .wp.contact .content .section.second .formbox .code .group input[type=text] {
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.wp.contact .content .section .btns {
  text-align: center;
}

.wp.contact .content .section .btns .btn-red {
  width: 200px;
  height: 50px;
  border-radius: 50px;
  border: 2px solid #e50032;
  background-color: transparent;
  font-size: 18px;
  color: #e50032;
  outline: none;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.wp.contact .content .section .btns .btn-red:hover {
  color: #fff;
  background: #e50032;
}

.max-sm-size .wp.contact .content .section h4 {
  font-size: 24px;
}

.max-sm-size .wp.contact .content .section p {
  font-size: 16px;
  letter-spacing: 1px;
}

.wp.contact .footer-nav {
  position: relative;
}

.wp.contact .footer-nav .slider {
  margin-bottom: 0;
}

.wp.contact .footer-nav .mapbox {
  position: relative;
  display: block;
}

.wp.contact .footer-nav .mapbox .jqimgFill {
  height: 360px;
}

.wp.contact .footer-nav .mapbox .btns {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 80%;
}

.wp.contact .footer-nav .mapbox .btns .btn {
  width: 200px;
  height: 50px;
  border-radius: 50px;
  background-color: #E40C3A;
  color: #fff;
  padding: 0;
  font-size: 18px;
  line-height: 50px;
  margin-bottom: 50px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.wp.contact .footer-nav .mapbox .btns p {
  font-size: 18px;
  color: #555;
  line-height: 25px;
}

.wp.contact .footer-nav .mapbox:hover .btns .btn {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.wp.purchase {
  background: #fbfbfa;
}

.wp.purchase .banner {
  margin: 0;
}

.wp.purchase .content {
  padding-bottom: 110px;
}

.wp.purchase .content table {
  margin-bottom: 0;
  border-bottom: 5px solid #e60033;
  white-space: nowrap;
}

.wp.purchase .content table thead th {
  height: 100px;
  text-align: center;
  background-color: #e60033;
  color: #fff;
  vertical-align: middle;
}

.wp.purchase .content table thead th:nth-of-type(2) {
  min-width: 250px;
}

.wp.purchase .content table thead th:nth-of-type(7), .wp.purchase .content table thead th:nth-of-type(8), .wp.purchase .content table thead th:nth-of-type(9) {
  min-width: 350px;
}

.wp.purchase .content table tbody tr:nth-child(odd) {
  background-color: #eeeeee;
}

.wp.purchase .content table tbody tr:nth-child(even) {
  background-color: #f6f6f6;
}

.wp.purchase .content table tbody td {
  vertical-align: middle !important;
  padding: 10px 30px;
  border: 3px solid #fff;
}

.wp.purchase .content table tbody td p, .wp.purchase .content table tbody td a {
  margin: 0;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 1.5px;
}

.wp.purchase .content table tbody td p.left, .wp.purchase .content table tbody td a.left {
  text-align: left;
  white-space: normal;
}

.wp.purchase .content table tbody td a {
  color: #000;
}

.wp.purchase .content table tbody td a:hover, .wp.purchase .content table tbody td a:focus {
  color: #e60033;
}

.max-sm-size .wp.purchase .content table > tbody > tr > th,
.max-sm-size .wp.purchase .content table > tbody > tr > td,
.max-sm-size .wp.purchase .content table > thead > tr > th,
.max-sm-size .wp.purchase .content table > thead > tr > td {
  padding: 10px 15px;
}

.max-sm-size .wp.purchase .content table > tbody > tr > th p,
.max-sm-size .wp.purchase .content table > tbody > tr > td p,
.max-sm-size .wp.purchase .content table > thead > tr > th p,
.max-sm-size .wp.purchase .content table > thead > tr > td p {
  line-height: 24px;
}

.max-sm-size .wp.purchase .content table > thead > tr > th {
  height: 60px;
}

.max-sm-size .wp.purchase .content table > thead > tr > th:nth-of-type(2) {
  min-width: 220px;
}

.max-sm-size .wp.purchase .content table > thead > tr > th:nth-of-type(7), .max-sm-size .wp.purchase .content table > thead > tr > th:nth-of-type(8), .max-sm-size .wp.purchase .content table > thead > tr > th:nth-of-type(9) {
  min-width: 300px;
}

.wp.purchase .container h3 {
  font-size: 30px;
  font-weight: bold;
  line-height: 50px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.max-sm-size .wp.purchase .container h3 {
  font-size: 24px;
}

.wp.purchase .footer-nav {
  position: relative;
}

.wp.purchase .footer-nav .pic {
  height: 360px;
  overflow: hidden;
}

.wp.purchase .footer-nav .pic .jqimgFill {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.wp.purchase .footer-nav a:hover .pic .jqimgFill {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.wp.purchase .footer-nav a:hover p {
  color: #e50032;
}

.wp.purchase .footer-nav a:hover .iconbox .icon {
  border-color: #e50032;
}

.wp.purchase .footer-nav a:hover .iconbox .icon:before {
  color: #e50032;
}

.wp.purchase .footer-nav a:hover .iconbox p:before {
  background-color: #e50032;
}

.wp.purchase .footer-nav .inner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 280px;
}

.wp.purchase .footer-nav .inner p {
  font-size: 18px;
  color: #fff;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.wp.purchase .footer-nav .inner p.title {
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 50px;
}

.wp.purchase .footer-nav .inner .iconbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wp.purchase .footer-nav .inner .iconbox .left, .wp.purchase .footer-nav .inner .iconbox .right {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wp.purchase .footer-nav .inner .iconbox .left .icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 3px solid #fff;
  background-color: transparent;
  position: relative;
  -webkit-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

.wp.purchase .footer-nav .inner .iconbox .left .icon:before {
  content: "\e914";
  font-family: "icomoon";
  font-size: 30px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.wp.purchase .footer-nav .inner .iconbox .right p {
  display: inline-block;
  white-space: nowrap;
  font-size: 20px;
  letter-spacing: 2px;
}

.wp.purchase .footer-nav .inner .iconbox .left + .right:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 50px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.inner.vline {
  position: relative;
  z-index: 51;
}

.inner.vline:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #e50032;
  height: 100px;
  width: 5px;
  z-index: 51;
  -webkit-animation: beforein 2s ease-in-out 0.5s forwards;
  animation: beforein 2s ease-in-out 0.5s forwards;
}

@media screen and (max-width: 767px) {
  .inner.vline:before {
    height: 50px;
  }
}

.wp.terms .main .banner .banner-content .title h2 {
  text-align: center;
}

.wp.terms .banner {
  margin: 0;
}

.wp.terms .banner .banner-content .title {
  left: auto;
  width: 100%;
}

.wp.terms .banner .banner-content .title h2:last-child {
  font-size: 30px;
}

.wp.terms .banner .banner-content .title h2:first-child {
  font-size: 36px;
}

.wp.terms .content .inner {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #f7f7f7;
}

@media screen and (max-width: 767px) {
  .wp.terms .content .inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.wp.terms .content .inner h4 {
  font-size: 36px;
  color: #e50032;
  letter-spacing: 3px;
  text-align: center;
  margin-bottom: 55px;
}

@media screen and (max-width: 767px) {
  .wp.terms .content .inner h4 {
    font-size: 30px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 479px) {
  .wp.terms .content .inner h4 {
    font-size: 24px;
    margin-bottom: 25px;
  }
}

.wp.terms .content .inner h5 {
  font-size: 24px;
  color: #000;
  margin-top: 55px;
  margin-bottom: 30px;
  font-weight: bold;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .wp.terms .content .inner h5 {
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 20px;
  }
}

.wp.terms .content .inner p {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 1px;
}

.wp.terms .content .inner p.title {
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 30px;
}

.wp.terms .content .inner a.link {
  color: #e60032;
}

.wp.terms .content .inner a.link:hover, .wp.terms .content .inner a.link:focus {
  text-decoration: underline;
  background-color: rgba(255, 255, 255, 0);
}

.wp.terms .content .inner ul {
  border-top: 1px solid #aaa;
  margin-bottom: 30px;
}

.wp.terms .content .inner ul li {
  font-size: 16px;
  line-height: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #aaa;
  padding-left: 5px;
  letter-spacing: 1px;
}

.wp.terms .content .inner ul li:before {
  content: "●";
  display: inline-block;
  padding-right: 15px;
}

.wp.material .banner {
  margin: 0;
}

.wp.material .banner .banner-content .title {
  left: auto;
  width: 100%;
}

.wp.material .banner .banner-content .title h2 {
  color: #fff;
  font-size: 36px;
}

.wp.material .banner .banner-content .title .dropdown {
  width: 265px;
  height: 50px;
  margin-top: 30px;
}

.wp.material .banner .banner-content .title .dropdown .dropdown-toggle {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  padding-left: 30px;
  text-align: left;
  background: none;
  background-color: #e50032;
  border: 0;
  font-size: 16px;
  text-shadow: none;
}

.wp.material .banner .banner-content .title .dropdown .dropdown-toggle .caret {
  border: 0;
}

.wp.material .banner .banner-content .title .dropdown .dropdown-toggle .caret:before {
  content: "\e90a";
  font-family: 'icomoon';
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #FFF;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.wp.material .banner .banner-content .title .dropdown .dropdown-menu {
  margin-left: 20px;
  margin-right: 20px;
  width: calc(100% - 40px);
  margin-top: 0;
  padding: 0;
}

.wp.material .banner .banner-content .title .dropdown .dropdown-menu > li > a {
  padding: 8px 20px;
  white-space: normal;
  word-wrap: break-word;
}

.wp.material .banner .banner-content .title .dropdown .dropdown-menu > li + li {
  border-top: solid 1px #ddd;
}

@media screen and (max-width: 767px) {
  .wp.material .banner .banner-content .title .dropdown {
    width: 220px;
  }
  .wp.material .banner .banner-content .title .dropdown .dropdown-toggle {
    padding-left: 15px;
  }
}

.wp.material .banner .banner-content .breadcrumb li, .wp.material .banner .banner-content .breadcrumb a {
  color: #fff;
}

.wp.material .banner .banner-content .breadcrumb li + li:before {
  color: #fff;
}

.wp.material .content .innerbox {
  padding-top: 50px;
  padding-bottom: 70px;
}

.wp.material .content .innerbox:nth-child(odd) {
  background: #ffffff;
  background: -moz-radial-gradient(35% 10%, ellipse cover, #ffffff 0%, #f2eeeb 100%);
  background: -webkit-radial-gradient(35% 10%, ellipse cover, #ffffff 0%, #f2eeeb 100%);
  background: -webkit-radial-gradient(35% 10%, ellipse, #ffffff 0%, #f2eeeb 100%);
  background: -o-radial-gradient(35% 10%, ellipse, #ffffff 0%, #f2eeeb 100%);
  background: radial-gradient(ellipse at 35% 10%, #ffffff 0%, #f2eeeb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2eeeb',GradientType=1 );
  padding-left: 10%;
  padding-right: 120px;
}

@media screen and (max-width: 1359px) {
  .wp.material .content .innerbox:nth-child(odd) {
    padding-left: 8%;
    padding-right: 60px;
  }
}

@media screen and (max-width: 1199px) {
  .wp.material .content .innerbox:nth-child(odd) {
    padding-left: 5%;
    padding-right: 30px;
  }
}

.wp.material .content .innerbox:nth-child(even) {
  background: #ffffff;
  background: -moz-radial-gradient(65% 10%, ellipse cover, #ffffff 0%, #f2eeeb 100%);
  background: -webkit-radial-gradient(65% 10%, ellipse cover, #ffffff 0%, #f2eeeb 100%);
  background: -webkit-radial-gradient(65% 10%, ellipse, #ffffff 0%, #f2eeeb 100%);
  background: -o-radial-gradient(65% 10%, ellipse, #ffffff 0%, #f2eeeb 100%);
  background: radial-gradient(ellipse at 65% 10%, #ffffff 0%, #f2eeeb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2eeeb',GradientType=1 );
  padding-right: 10%;
  padding-left: 120px;
}

@media screen and (max-width: 1359px) {
  .wp.material .content .innerbox:nth-child(even) {
    padding-right: 8%;
    padding-left: 60px;
  }
}

@media screen and (max-width: 1199px) {
  .wp.material .content .innerbox:nth-child(even) {
    padding-right: 5%;
    padding-left: 30px;
  }
}

.wp.material .content .innerbox .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 991px) {
  .wp.material .content .innerbox .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.wp.material .content .innerbox .inner .pic {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 150px;
  margin-right: 45px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.wp.material .content .innerbox .inner .pic img {
  width: 100%;
}

@media screen and (max-width: 991px) {
  .wp.material .content .innerbox .inner .pic {
    position: relative;
    margin-bottom: 30px;
    margin-right: auto;
    margin-left: auto;
  }
}

.wp.material .content .innerbox .inner .intro {
  position: relative;
}

.wp.material .content .innerbox .inner .intro h4 {
  color: #000;
  font-size: 24px;
  line-height: 35px;
  margin-bottom: 15px;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.max-md-size .wp.material .content .innerbox .inner .intro h4 {
  text-align: center;
}

.wp.material .content .innerbox .inner .intro p {
  font-size: 16px;
  color: #555;
  line-height: 25px;
  padding-bottom: 70px;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.wp.material .content .innerbox .inner .intro .btns {
  position: absolute;
  left: 0;
  bottom: 0;
}

.wp.material .content .innerbox .inner .intro .btns .more {
  width: 195px;
  height: 50px;
  border-radius: 50px;
  background-color: #fff;
  color: #e50032;
  border: 2px solid #e50032;
  text-align: center;
  line-height: 46px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  -webkit-transition: color 0.3s ease-in-out,background-color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out,background-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out,background-color 0.3s ease-in-out;
}

@media screen and (max-width: 991px) {
  .wp.material .content .innerbox .inner .intro .btns {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.wp.material .content .innerbox:hover .inner .pic {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.wp.material .content .innerbox:hover .inner .intro h4 {
  color: #e50032;
}

.wp.material .content .innerbox:hover .inner .intro p {
  color: #000;
}

.wp.material .content .innerbox:hover .inner .intro .btns .more {
  background-color: #e50032;
  color: #fff;
}

/* ==========================================================================
	英文版 EN
 ========================================================================== */
body[data-id="en"] .wp[data-id="product"] .content p, body[data-id="en"] .wp[data-id="product"] .content span, body[data-id="en"] .wp[data-id="product"] .content label, body[data-id="en"] .wp[data-id="product"] .content li, body[data-id="en"] .wp[data-id="product"] .content a {
  color: #555;
}

body[data-id="en"] .wp[data-id="product"] .content .container .intro {
  min-height: 450px;
  margin-top: 50px;
  padding-bottom: 68px;
}

body[data-id="en"] .wp[data-id="product"] .content .container .intro .right .box .details {
  padding-top: 0;
}

body[data-id="en"] .wp[data-id="product"] .content .container .intro .right .box .details .title {
  padding-bottom: 0;
  border: 0;
}

body[data-id="en"] .wp[data-id="product"] .content .container .intro .right .box .details .detail {
  border: 0;
  min-height: 275px;
  padding-bottom: 40px;
}

body[data-id="en"] .wp[data-id="product"] .content .container .intro .right .box .details .detail p {
  letter-spacing: 1px;
  line-height: 24px;
}

body[data-id="en"] .wp[data-id="product"] .content .container .intro .right .box .details .detail:nth-of-type(1) {
  padding-bottom: 0;
}

body[data-id="en"] .wp[data-id="product"] .content .container .intro .right .box .details .detail + .detail {
  border: 0;
  padding: 0;
}

body[data-id="en"] .wp[data-id="product"] .content .container .intro .right .box .details .detail + .tools {
  border-top: solid 1px #f5f5f5;
}

body[data-id="en"] .wp[data-id="product"] .content .container .intro .right .box .details .tools {
  padding-top: 0;
}

body[data-id="en"] .wp[data-id="product"] .content .container .intro .right .box .details .tools .social {
  float: left;
  padding: 25px 0 0 0;
}

body[data-id="en"] .wp[data-id="product"] .content .container .intro .right .box .details .tools .social label {
  width: 70px;
}

body[data-id="en"] .wp[data-id="product"] .content .container .intro .right .box .details .tools .social .a2a_kit {
  width: calc(100% - 70px);
}

.max-xs-size body[data-id="en"] .wp[data-id="product"] .content .container .intro .right .box .details .tools .social .a2a_kit {
  width: calc(100% - 70px);
}

.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .intro .left .box .slider {
  padding: 80px 0;
}

.max-sm-size body[data-id="en"] .wp[data-id="product"] .content .container .intro .right .box .slider .details .title {
  padding-bottom: 0;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area {
  padding-bottom: 25px;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs {
  border-top: 0;
  border-color: #e50032;
  text-align: center;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs > li {
  float: none;
  display: inline-block;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs > li a {
  height: auto;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content {
  min-height: 500px;
  padding: 65px 85px;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane ul.disc {
  padding: 0 40px;
  margin-left: 20px;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane ul li {
  font-size: 16px;
  letter-spacing: 1.5px;
  line-height: 30px;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table {
  border: solid 1px #f1f1f1;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr {
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr + .tr .td {
  border-top: solid 1px #f1f1f1;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr .td {
  padding: 14px 29px;
  font-size: 16px;
  letter-spacing: 0.75px;
  line-height: 24px;
  vertical-align: middle;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr .td a {
  display: block;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr .td:last-child {
  padding-left: 0;
  padding-right: 0;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr .td:last-child a {
  padding-left: 60px;
  padding-right: 60px;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr .td:last-child a i {
  font-size: 40px;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr:hover {
  background: #f1f1f1;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr:hover .td a i {
  color: #e50032;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .btn-area {
  padding: 23px 0;
  text-align: center;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .btn-area .btn-group .btn {
  display: inline-block;
  border: solid 2px #e50032;
  border-radius: 50px;
  color: #e50032;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
  padding: 6px 60px;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .btn-area .btn-group .btn:hover {
  background: #e50032;
  color: #FFF;
}

.min-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area #nav-tabs-wrapper {
  display: table !important;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}

.min-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs {
  min-height: 80px;
  border: 0;
}

.min-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs > li {
  padding: 0 3px;
  display: table-cell;
  vertical-align: bottom;
}

.min-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs > li a {
  font-weight: normal;
  line-height: normal;
  background: #eee;
  padding: 14px 30px;
  -webkit-transition: padding 0.3s ease-in-out;
  -o-transition: padding 0.3s ease-in-out;
  transition: padding 0.3s ease-in-out;
}

.min-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs > li.active a, .min-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs > li.active:hover a {
  padding: 17px 30px;
  color: #FFF;
  background: #e50032;
}

.min-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content {
  border-top: solid 1px #e50032;
}

.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area {
  position: relative;
  padding: 0;
}

.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs-dropdown {
  color: #FFF;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 24px;
}

.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs {
  position: absolute;
  width: 100%;
  display: none;
  min-height: 20px;
  margin-bottom: 0;
  border-radius: 0;
  border: solid 1px #ddd;
  background: #FFF;
  -webkit-box-shadow: 5px 3px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 3px 20px rgba(0, 0, 0, 0.3);
  z-index: 99;
}

.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs > li {
  width: 100%;
}

.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs > li a {
  width: 100%;
  border-radius: 4px;
  padding: 12px 15px;
  border-radius: 0;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs > li.active > a,
.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs > li.active > a:hover,
.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs > li.active > a:focus {
  color: #f89800;
  background-color: #FFF;
}

.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs > li + li {
  margin-left: 0;
}

.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs > li,
.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .nav-tabs > li > a {
  background: transparent;
  width: 100%;
  text-align: center;
}

.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content {
  padding: 65px 15px;
}

.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane ul.disc {
  padding: 0;
}

.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr .td:first-child {
  padding-right: 0;
}

.max-md-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr .td:last-child a {
  padding: 20px 40px;
}

.max-sm-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content {
  min-height: 0;
  padding: 40px 15px;
}

.max-sm-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr .td:last-child a {
  padding: 30px;
}

.max-xs-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr {
  border: solid 1px #f1f1f1;
  border-bottom: 0;
  display: block;
}

.max-xs-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr:last-child {
  border-bottom: solid 1px #f1f1f1;
}

.max-xs-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr .td {
  display: block;
}

.max-xs-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr .td:first-child {
  padding-left: 15px;
  padding-right: 15px;
}

.max-xs-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr .td:last-child {
  border-top: solid 1px #f1f1f1;
  padding: 0;
}

.max-xs-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr .td:last-child a {
  padding: 15px 0;
  display: block;
  text-align: center;
}

.max-xs-size body[data-id="en"] .wp[data-id="product"] .content .container .tabs-area .tab-content .tab-pane .table .tr .td:last-child a i {
  font-size: 30px;
}

/* ==========================================================================
	Font size & padding & margin
 ========================================================================== */
body {
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

body p, body a {
  font-size: 16px;
}

body h3,
body h3 span {
  font-size: 40px;
}

.max-md-size body h3, .max-md-size
body h3 span {
  font-size: 30px;
}

.max-sm-size body h3, .max-sm-size
body h3 span {
  font-size: 24px;
}

.max-sm-size [data-id="inspection"] .content h3,
.max-sm-size [data-id="inspection"] .content article h3,
.max-sm-size [data-id="inspection"] .content .article h3,
.max-sm-size [data-id="development"] .content h3,
.max-sm-size [data-id="development"] .content article h3,
.max-sm-size [data-id="development"] .content .article h3,
.max-sm-size [data-id="oem"] .content h3,
.max-sm-size [data-id="oem"] .content article h3,
.max-sm-size [data-id="oem"] .content .article h3,
.max-sm-size [data-id="investors"] .content h3,
.max-sm-size [data-id="investors"] .content article h3,
.max-sm-size [data-id="investors"] .content .article h3 {
  font-size: 24px !important;
  letter-spacing: 2px !important;
  padding-left: 0;
  text-align: center;
}

.max-sm-size [data-id="development"] .content h4,
.max-sm-size [data-id="development"] .content article h4,
.max-sm-size [data-id="development"] .content .article h4,
.max-sm-size [data-id="oem"] .content h4,
.max-sm-size [data-id="oem"] .content article h4,
.max-sm-size [data-id="oem"] .content .article h4,
.max-sm-size [data-id="investors"] .content h4,
.max-sm-size [data-id="investors"] .content article h4,
.max-sm-size [data-id="investors"] .content .article h4 {
  font-size: 20px !important;
  letter-spacing: 1px !important;
  text-align: center;
}

.max-sm-size [data-id="development"] .content h5,
.max-sm-size [data-id="development"] .content article h5,
.max-sm-size [data-id="development"] .content .article h5,
.max-sm-size [data-id="oem"] .content h5,
.max-sm-size [data-id="oem"] .content article h5,
.max-sm-size [data-id="oem"] .content .article h5,
.max-sm-size [data-id="investors"] .content h5,
.max-sm-size [data-id="investors"] .content article h5,
.max-sm-size [data-id="investors"] .content .article h5 {
  font-size: 18px !important;
  letter-spacing: 1px !important;
}

.max-sm-size [data-id="development"] .content p, .max-sm-size [data-id="development"] .content div, .max-sm-size [data-id="development"] .content span, .max-sm-size [data-id="development"] .content a, .max-sm-size [data-id="development"] .content li, .max-sm-size [data-id="development"] .content label, .max-sm-size [data-id="development"] .content td, .max-sm-size [data-id="development"] .content .btn,
.max-sm-size [data-id="oem"] .content p,
.max-sm-size [data-id="oem"] .content div,
.max-sm-size [data-id="oem"] .content span,
.max-sm-size [data-id="oem"] .content a,
.max-sm-size [data-id="oem"] .content li,
.max-sm-size [data-id="oem"] .content label,
.max-sm-size [data-id="oem"] .content td,
.max-sm-size [data-id="oem"] .content .btn,
.max-sm-size [data-id="investors"] .content p,
.max-sm-size [data-id="investors"] .content div,
.max-sm-size [data-id="investors"] .content span,
.max-sm-size [data-id="investors"] .content a,
.max-sm-size [data-id="investors"] .content li,
.max-sm-size [data-id="investors"] .content label,
.max-sm-size [data-id="investors"] .content td,
.max-sm-size [data-id="investors"] .content .btn {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 24px;
}

.max-sm-size [data-id="development"] .content article .column .btn,
.max-sm-size [data-id="oem"] .content article .column .btn,
.max-sm-size [data-id="investors"] .content article .column .btn {
  font-size: 16px;
  line-height: 48px;
}

/* ==========================================================================
	引入 import
 ========================================================================== */
.navbar .navbar-collapse .navbar-fixed-right .icon-language:after, .navbar .navbar-collapse .navbar-fixed-right .icon-mail:after, .navbar .navbar-collapse .navbar-fixed-right .icon-search:after, .min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button:before, .max-md-size .navbar .navbar-header .navbar-language .icon-language:after, .max-md-size .navbar .navbar-header .navbar-social .icon-social:after, .max-md-size .navbar .navbar-header .navbar-social .social-links .social-link a i:before, footer .top .company .social .social-links .social-link a:before, footer .bottom .gotop:after {
  position: relative;
  font-family: 'icomoon';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 48em) {
  /*.container{
			width: calc(48rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (48rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (48rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 62em) {
  /*.container{
			width: calc(62rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (62rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (62rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 75em) {
  /*.container{
			width: calc(75rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (75rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (75rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 88em) {
  /*.container{
			width: calc(88rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (88rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (88rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 95em) {
  /*.container{
			width: calc(95rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (95rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (95rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 100em) {
  /*.container{
			width: calc(100rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (100rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (100rem - 1rem)) / 2);
  }
}

html.page-in .navbar {
  -webkit-animation: fade-in-top 0.5s ease-in-out 0s;
  animation: fade-in-top 0.5s ease-in-out 0s;
  background: rgba(255, 255, 255, 0.85);
  opacity: 1;
  visibility: visible;
}

html.page-in .navbar .navbar-collapse > .navbar-bottom .dropdown-bg {
  visibility: visible;
}

.navbar {
  background: rgba(255, 255, 255, 0.85);
  opacity: 0;
  visibility: hidden;
}

.navbar > .container {
  padding: 0;
}

.max-bg-size .navbar > .container {
  width: 100%;
}

.navbar .navbar-collapse {
  position: relative;
}

.navbar .navbar-collapse .navbar-fixed-right .navbar-top .dropdown {
  position: relative;
}

.navbar .navbar-collapse .navbar-fixed-right .navbar-top .dropdown button {
  color: #FFF;
  padding: 12px 15px;
  letter-spacing: 1px;
}

.navbar .navbar-collapse .navbar-fixed-right .navbar-top .dropdown button i:after {
  font-size: 24px;
}

.navbar .navbar-collapse .navbar-fixed-right .navbar-top .dropdown button .caret {
  border-color: #FFF;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  margin-left: 5px;
}

.navbar .navbar-collapse .navbar-fixed-right .navbar-top .dropdown .dropdown-menu {
  padding: 0;
  min-width: 100%;
}

.navbar .navbar-collapse .navbar-fixed-right .navbar-top .dropdown .dropdown-menu > li > a {
  display: block;
  width: 100%;
  color: #000;
  line-height: 32px;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  text-align: center;
}

.navbar .navbar-collapse .navbar-fixed-right .navbar-top .dropdown .dropdown-menu > li:hover > a, .navbar .navbar-collapse .navbar-fixed-right .navbar-top .dropdown .dropdown-menu > li:focus > a {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  color: #e50032;
  background-image: none;
  background-color: transparent;
}

.navbar .navbar-collapse .navbar-fixed-right .navbar-top a {
  color: #FFF;
}

.navbar .navbar-collapse .navbar-fixed-right .icon-language:after {
  content: "";
  color: #FFF;
}

.navbar .navbar-collapse .navbar-fixed-right .icon-mail:after {
  content: "";
  color: #FFF;
}

.navbar .navbar-collapse .navbar-fixed-right .icon-search:after {
  content: "";
  color: #FFF;
}

.navbar .navbar-collapse .navbar-fixed-right .search-form input:-moz-placeholder {
  color: #FFF;
}

.navbar .navbar-collapse .navbar-fixed-right .search-form input::-webkit-input-placeholder {
  color: #FFF;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .icon-search {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 {
  position: absolute;
  top: 0;
  right: 0;
  width: 74px;
  height: 100%;
  overflow: hidden;
  z-index: 9;
  -webkit-transition: width 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: width 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: width 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  /* border-top-left-radius: 50px;
						border-bottom-left-radius: 50px; */
  z-index: 2000;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse {
  background: transparent;
  border-color: transparent;
  padding: 0;
  border: 0;
  height: 100%;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse {
  height: 100%;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box {
  height: 100%;
  margin: 0;
  background: #e50032;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box {
  margin: 0;
  height: 100%;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td {
  height: 100%;
  position: absolute;
  top: 0;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button {
  left: 0;
  width: 74px;
  border: 0;
  padding: 0;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button .gsc-search-button-v2,
.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button .gsc-search-button-v2:hover,
.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button .gsc-search-button-v2:focus {
  background: none !important;
  border: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button button.gsc-search-button svg {
  display: none;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button input[type="image"] {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: transparent;
  opacity: 0;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button:before {
  content: "";
  font-size: 24px;
  color: #FFF;
  position: absolute;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button:hover:before {
  font-size: 24px;
  -webkit-transform: scale(1.1) translateY(-50%);
  -ms-transform: scale(1.1) translateY(-50%);
  transform: scale(1.1) translateY(-50%);
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input {
  left: 75px;
  width: calc(100% - 74px);
  border: 0;
  padding: 0;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box {
  width: 100%;
  height: 100%;
  background-color: transparent;
  background: #FFF;
  position: absolute;
  right: 0;
  border: 0;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box table.gstl_50 tbody tr .gsib_a {
  height: 100%;
  width: 100%;
  padding: 0;
  border: 0;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box table.gstl_50 tbody tr .gsib_a input {
  height: 100% !important;
  margin: 0 !important;
  padding: 0 20px !important;
  background: #e50032 !important;
  background: url("images/top-search.png") left center no-repeat #e50032 !important;
  color: #FFF !important;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box table.gstl_50 tbody tr .gsib_b {
  right: 0;
  width: 74px;
  height: 100%;
  border: 0;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box table.gstl_50 tbody tr .gsib_b .gsst_a .gscb_a {
  color: #FFF;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box table.gstl_50 tbody tr .gsib_b .gsst_b {
  width: 100%;
  height: 100%;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box table.gstl_50 tbody tr .gsib_b .gsst_b .gsst_a .gscb_a {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box.gsc-input-box-focus table.gstl_50 tbody tr .gsib_a input {
  background: #e50032 !important;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse .gsc-results-wrapper-overlay {
  position: fixed !important;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  width: 80vw;
  height: 85vh;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse .gsc-results-wrapper-overlay .gsc-tabsArea > div {
  overflow: visible;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse .gsc-modal-background-image {
  position: fixed !important;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0.75;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form.open #___gcse_0 {
  width: 580px;
  overflow: visible;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form.open #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-search-button input[type="image"] {
  background-color: transparent;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form.open #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box table.gstl_50 tbody tr .gsib_b .gsst_a {
  display: block !important;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom > .search-area > a {
  display: none;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom > .mail-area > a {
  padding: 16px 15px;
  text-align: center;
  line-height: normal;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse {
  padding: 0;
  border: 0;
  background-color: transparent;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box {
  margin-bottom: 0;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box {
  margin-bottom: 0;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td {
  padding: 13px 15px;
  line-height: normal;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 0;
  background: transparent;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td input {
  margin: 0;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input {
  padding-right: 0;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box {
  background: transparent;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box table.gstl_50 tbody tr .gsib_a,
.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box table.gstl_50 tbody tr .gsib_b {
  padding: 0 10px;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box table.gstl_50 tbody tr .gsib_a .gsc-input {
  margin-top: 2px !important;
  background: url("http://www.google.com/cse/static/images/1x/googlelogo_lightgrey_46x16dp.png") left center no-repeat transparent !important;
  background: url("images/top-search.png") left center no-repeat transparent !important;
  color: #FFF !important;
  text-indent: 65px !important;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box table.gstl_50 tbody tr .gsib_b .gsst_b {
  width: 100%;
  height: 100%;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box table.gstl_50 tbody tr .gsib_b .gsst_b .gsst_a {
  padding-top: 0;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box table.gstl_50 tbody tr .gsib_b .gsst_b .gsst_a .gscb_a {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box.gsc-input-box-focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box.gsc-input-box-focus table.gstl_50 tbody tr .gsib_a input {
  background: transparent !important;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-input .gsc-input-box.gsc-input-box-focus table.gstl_50 tbody tr .gsib_a .gsc-input {
  text-indent: 0px !important;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr .gsc-search-button input {
  display: block;
  padding: 6px 15px;
  background-color: transparent;
  border-color: #FFF;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse .gsc-results-wrapper-overlay {
  left: 0;
  top: 61px;
  height: calc(100% - 61px);
  width: 100%;
}

.max-xs-size .navbar .navbar-collapse .navbar-fixed-right #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td {
  padding: 13px 10px;
}

.navbar .navbar-brand {
  padding: 0;
  width: 300px;
}

.navbar .navbar-brand img {
  max-width: 100%;
}

.navbar .navbar-brand img.large {
  display: block;
}

.navbar .navbar-brand img.small {
  display: none;
}

.min-md-size .navbar .topbg {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  line-height: 50px;
  background: #FFF;
  width: 100%;
  z-index: 0;
}

.min-md-size .navbar .navbar-header {
  display: none !important;
}

.min-md-size .navbar .navbar-collapse {
  padding-right: calc(150px + 10px);
}

.min-md-size .navbar .navbar-collapse > .navbar-top {
  height: 50px;
}

.min-md-size .navbar .navbar-collapse > .navbar-top .row {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.min-md-size .navbar .navbar-collapse > .navbar-top .row .navbar-left {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.min-md-size .navbar .navbar-collapse > .navbar-top .row .navbar-right {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  padding-right: 10px;
}

.min-md-size .navbar .navbar-collapse > .navbar-top .row .navbar-nav {
  float: none !important;
}

.min-md-size .navbar .navbar-collapse > .navbar-top .row .navbar-nav li a {
  position: relative;
  color: #666;
  font-size: 14px;
  letter-spacing: 0.75px;
  z-index: 9;
  -webkit-transition: font-weight 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: font-weight 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: font-weight 0.3s ease-in-out, color 0.3s ease-in-out;
}

.min-md-size .navbar .navbar-collapse > .navbar-top .row .navbar-nav li + li a:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 1px;
  height: 18px;
  background: #666;
}

.min-md-size .navbar .navbar-collapse > .navbar-top .row .navbar-nav li.active a, .min-md-size .navbar .navbar-collapse > .navbar-top .row .navbar-nav li:hover a {
  color: #e50032;
}

.min-md-size .navbar .navbar-collapse > .navbar-top .row .navbar-nav li.active a {
  font-weight: bold;
}

.min-md-size .navbar .navbar-collapse > .navbar-bottom {
  height: 80px;
}

.min-md-size .navbar .navbar-collapse > .navbar-bottom .navbar-right > li > a {
  font-size: 16px;
  color: #000;
  padding: 0px 15px;
  height: 80px;
  line-height: 80px;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  -o-transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}

.min-md-size .navbar .navbar-collapse > .navbar-bottom .navbar-right > li > a:after {
  content: '';
  position: absolute;
  display: block;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background-color: #e50032;
  -webkit-transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out;
}

.min-md-size .navbar .navbar-collapse > .navbar-bottom .navbar-right > li ul {
  display: none;
  right: auto;
  width: 100%;
  min-width: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 20px 0;
  margin: 0;
  background: transparent;
  overflow: visible !important;
  /* width: auto;
							min-width: 100%; */
}

.min-md-size .navbar .navbar-collapse > .navbar-bottom .navbar-right > li.active > a:after {
  width: calc(100% - 30px);
}

.min-md-size .navbar .navbar-collapse > .navbar-bottom .navbar-right > li.active:hover > a {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.min-md-size .navbar .navbar-collapse > .navbar-bottom .navbar-right > li:hover > a {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.min-md-size .navbar .navbar-collapse > .navbar-bottom .dropdown-bg {
  /* display: none; */
  position: fixed;
  left: 0;
  top: 50px;
  width: 100%;
  height: 400px;
  background: #FFF;
}

.mobile-mode .min-md-size .navbar .navbar-collapse > .navbar-bottom .dropdown-bg {
  width: 100vw;
}

.min-md-size .navbar .navbar-collapse > .navbar-bottom .dropdown-bg .container {
  position: relative;
}

.min-md-size .navbar .navbar-collapse > .navbar-bottom .dropdown-bg .container .pic {
  position: absolute;
  left: 0;
  top: 110px;
  height: 230px;
  width: 330px;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0 !important;
  width: 150px;
  height: 100%;
  background: #e50032;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-top {
  display: block;
  line-height: 50px;
  text-align: center;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-top a, .min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-top i {
  display: inline-block;
  vertical-align: middle;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-top i {
  padding-right: 5px;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-top a {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-top a:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom {
  position: relative;
  display: block;
  text-align: center;
  z-index: 10;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 80px;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom:before, .min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(238, 238, 238, 0.2);
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom:before {
  top: 0;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom:after {
  bottom: 0;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom li {
  position: relative;
  width: 50%;
  height: 80px;
  height: 78px;
  margin-top: 1px;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom li a {
  display: block;
  line-height: 80px;
  line-height: 78px;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom li a i {
  display: inline-block;
  vertical-align: middle;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom li a i:after {
  font-size: 24px;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom li + li a {
  border-left: solid 1px rgba(238, 238, 238, 0.2);
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom li:hover a {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-outside {
  position: relative;
  display: block;
  top: -1px;
  width: 150px;
  height: 75px;
  overflow: hidden;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-outside:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 150px;
  height: 150px;
  background: #e50032;
  border-radius: 50%;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-outside a {
  position: relative;
  display: block;
  text-align: center;
  line-height: 75px;
  color: #FFF;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.min-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-outside a:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.min-md-size .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-toggle .caret {
  display: none;
}

.min-lg-size .navbar .navbar-collapse .navbar-bottom .navbar-left li .navbar-brand {
  display: block;
  height: 100%;
  width: auto;
  padding: 10px 0;
}

.min-lg-size .navbar .navbar-collapse .navbar-bottom .navbar-left li .navbar-brand img {
  max-height: 100%;
  max-width: none;
}

.min-lg-size .navbar .navbar-collapse .navbar-bottom .navbar-right > li > a {
  padding: 0px 15px;
}

.min-lg-size .navbar .navbar-collapse .navbar-bottom .navbar-right > li.active > a:after {
  width: calc(100% - 30px);
}

.min-bg-size .navbar .navbar-collapse .navbar-bottom .navbar-left {
  height: 100%;
}

.min-bg-size .navbar .navbar-collapse .navbar-bottom .navbar-left li {
  position: relative;
  top: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  /* .navbar-brand{
							width: 300px;
						} */
}

.min-bg-size .navbar .navbar-collapse .navbar-bottom .navbar-right > li > a {
  letter-spacing: 0px;
  padding: 0px 18px;
}

.min-bg-size .navbar .navbar-collapse .navbar-bottom .navbar-right > li.active > a:after {
  width: calc(100% - 36px);
}

.min-bg-size .navbar .navbar-collapse .navbar-bottom .navbar-right > li > ul li a {
  padding: 4px 0;
  text-align: center;
}

.min-hd-size .navbar .navbar-collapse .navbar-top .row .navbar-right {
  padding-right: 60px;
}

.min-hd-size .navbar .navbar-collapse .navbar-bottom .navbar-right {
  padding-right: 40px;
}

.min-hd-size .navbar .navbar-collapse .navbar-bottom .navbar-right > li > a {
  position: relative;
  font-size: 17px;
  letter-spacing: 1px;
  /* padding: 0px 24px; */
}

.min-hd-size .navbar .navbar-collapse .navbar-bottom .navbar-right > li.active > a:after {
  width: calc(100% - 48px);
}

.int-bg-size .navbar .navbar-collapse .navbar-bottom .navbar-left li,
.int-lg-size .navbar .navbar-collapse .navbar-bottom .navbar-left li,
.int-md-size .navbar .navbar-collapse .navbar-bottom .navbar-left li,
.int-sm-size .navbar .navbar-collapse .navbar-bottom .navbar-left li {
  position: relative;
  display: block;
  height: 80px;
  line-height: 80px;
}

.int-bg-size .navbar .navbar-collapse .navbar-bottom .navbar-left li a,
.int-lg-size .navbar .navbar-collapse .navbar-bottom .navbar-left li a,
.int-md-size .navbar .navbar-collapse .navbar-bottom .navbar-left li a,
.int-sm-size .navbar .navbar-collapse .navbar-bottom .navbar-left li a {
  position: relative;
  height: auto;
  top: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.int-lg-size .navbar .navbar-collapse .navbar-bottom .navbar-right li a,
.int-md-size .navbar .navbar-collapse .navbar-bottom .navbar-right li a {
  font-size: 15px;
  padding: 0 10px;
}

.int-lg-size .navbar .navbar-collapse .navbar-bottom .navbar-right li ul li a,
.int-md-size .navbar .navbar-collapse .navbar-bottom .navbar-right li ul li a {
  padding: 5px 0;
  text-align: center;
}

.int-md-size .navbar .navbar-collapse .navbar-top .row .navbar-right {
  margin-right: 0;
}

.int-md-size .navbar .navbar-collapse .navbar-bottom .navbar-left li .navbar-brand {
  width: 80px;
  padding: 0 5px;
}

.int-md-size .navbar .navbar-collapse .navbar-bottom .navbar-left li .navbar-brand .large {
  display: none;
}

.int-md-size .navbar .navbar-collapse .navbar-bottom .navbar-left li .navbar-brand .small {
  display: block;
}

.int-md-size .navbar .navbar-collapse .navbar-bottom .navbar-right {
  /* width: calc(100% - 80px); */
  margin-right: 0;
}

.int-md-size .navbar .navbar-collapse .navbar-bottom .navbar-right li a {
  font-size: 15px;
  padding: 0 7px;
}

.int-md-size .navbar .navbar-collapse .navbar-bottom .navbar-right li ul li a {
  font-size: 14px;
}

.max-bg-size .navbar .navbar-collapse .navbar-bottom .dropdown-bg .container .pic {
  height: 175px;
  width: 250px;
}

.max-lg-size .navbar .navbar-collapse .navbar-bottom .dropdown-bg .container .pic {
  display: none;
}

.max-md-size .navbar .topbg {
  display: none;
}

.max-md-size .navbar .navbar-header .navbar-toggle {
  border: 0;
  margin-top: 13px;
  margin-bottom: 13px;
  -webkit-transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -ms-transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.max-md-size .navbar .navbar-header .navbar-toggle .icon-bar {
  width: 22px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.max-md-size .navbar .navbar-header .navbar-toggle.active, .max-md-size .navbar .navbar-header .navbar-toggle[aria-expanded="true"] {
  -webkit-transform: rotate(450deg);
  -moz-transform: rotate(450deg);
  -ms-transform: rotate(450deg);
  -o-transform: rotate(450deg);
  transform: rotate(450deg);
}

.max-md-size .navbar .navbar-header .navbar-toggle.active:not(.collapsed):hover .icon-bar:last-of-type, .max-md-size .navbar .navbar-header .navbar-toggle[aria-expanded="true"]:not(.collapsed):hover .icon-bar:last-of-type {
  width: 22px;
}

.max-md-size .navbar .navbar-header .navbar-toggle.collapsed:hover .icon-bar:last-of-type {
  width: 11px;
}

.max-md-size .navbar .navbar-header .navbar-brand {
  width: auto;
  max-width: 220px;
  height: 60px;
  padding: 5px 15px;
}

.max-md-size .navbar .navbar-header .navbar-brand img {
  max-width: none;
  height: 100%;
}

.max-md-size .navbar .navbar-header .navbar-brand img.large {
  display: block;
}

.max-md-size .navbar .navbar-header .navbar-brand img.small {
  display: none;
}

.max-md-size .navbar .navbar-collapse {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-flow: row wrap;
  -moz-box-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  padding-right: 0;
  height: 0;
  overflow: hidden;
  border-top: solid 1px #ddd;
  background: rgba(229, 0, 50, 0.8);
}

.max-md-size .navbar .navbar-collapse .navbar-top .navbar-nav,
.max-md-size .navbar .navbar-collapse .navbar-bottom .navbar-nav {
  margin: 0;
}

.max-md-size .navbar .navbar-collapse .navbar-top .navbar-nav > li,
.max-md-size .navbar .navbar-collapse .navbar-bottom .navbar-nav > li {
  /* background: rgba(229, 0, 50, 0.8); */
  position: relative;
  z-index: 9;
}
/* .max-md-size .navbar .navbar-collapse .navbar-bottom .navbar-nav > li > a {
  color: #fff;
  opacity: 1!important;
  z-index: 99;
} */

.max-md-size .navbar .navbar-collapse .navbar-top .navbar-nav > li > a,
.max-md-size .navbar .navbar-collapse .navbar-bottom .navbar-nav > li > a {
  font-size: 18px;
  padding: 20px 15px;
  color: #FFF;
  letter-spacing: 5px;
  text-align: center;
  opacity: 1!important;
}

.max-md-size .navbar .navbar-collapse .navbar-top .navbar-nav > li:after,
.max-md-size .navbar .navbar-collapse .navbar-bottom .navbar-nav > li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0px;
  height: 1px;
  /* background: #FFF; */
  background: rgba(255, 255, 255, 0.5);
}

.max-md-size .navbar .navbar-collapse .navbar-top {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  -webkit-box-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  display: block;
}

.max-md-size .navbar .navbar-collapse .navbar-top .navbar-nav {
  padding: 0 .5rem;
  width: 100%;
  /* li:first-child{
						&:after{
							content: "";
							position: absolute;
							top: 0;
							left: 50%;
							transform: translateX(-50%);
							width: 0px;
							height: 1px;
							background: #FFF;
							transition: width 0.3s ease-in-out;
						}
					} */
}
.max-md-size .navbar .navbar-collapse .navbar-top .navbar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* -ms-flex-wrap: wrap; */
  /* flex-wrap: wrap; */
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-align-items: center;
  align-items: center;
  padding: 0;
  /* background-color: rgba(229, 0, 50, 0.8); */
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  /* color: #fff; */
}

.max-md-size .navbar .navbar-collapse .navbar-top .navbar-left:after {
  content: '';
  clear: both;
  display: block;
}

.max-md-size .navbar .navbar-collapse .navbar-top .navbar-left li {
  float: left;
  max-width: 33.3%;
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
  background-color: transparent;
}

.max-md-size .navbar .navbar-collapse .navbar-top .navbar-left li:after {
  content: normal;
}

.max-md-size .navbar .navbar-collapse .navbar-top .navbar-left li a {
  padding: 20px 10px;
}

.max-md-size .navbar .navbar-collapse .navbar-top .navbar-left li + li:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 0;
  /* background-color: #FFF; */
  background: rgba(255, 255, 255, 0.5);
}

.max-md-size .navbar .navbar-collapse .navbar-bottom {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  -webkit-box-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  display: block;
}

.max-md-size .navbar .navbar-collapse .navbar-bottom .navbar-left {
  display: none;
}

/* .max-md-size .navbar .navbar-collapse .navbar-bottom .navbar-right > li > a {
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
} */

.max-md-size .navbar .navbar-collapse .navbar-bottom .navbar-right > li > a .caret {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 0;
  margin: 0;
  width: auto;
  height: 20px;
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -ms-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  pointer-events: none;
}

.max-md-size .navbar .navbar-collapse .navbar-bottom .navbar-right > li > a .caret:before {
  content: "\e90a";
  font-family: "icomoon";
  color: #FFF;
  font-size: 20px;
}

.max-md-size .navbar .navbar-collapse .navbar-bottom .navbar-right > li > .dropdown-menu {
  padding: 0;
  border: 0;
  border-top: solid 1px #FFF;
  position: static;
  margin: 0;
  float: none;
  width: auto;
}

.max-md-size .navbar .navbar-collapse .navbar-bottom .navbar-right > li > .dropdown-menu li a {
  font-size: 16px;
  line-height: 20px;
  padding: 20px 15px;
  background: #e50032;
  /* background: rgba(255,255,255,0.2); */
  color: #FFF;
  text-align: center;
}

.max-md-size .navbar .navbar-collapse .navbar-bottom .navbar-right > li > .dropdown-menu li + li > a {
  border-top: solid 1px rgba(255, 255, 255, 0.75);
}

.max-md-size .navbar .navbar-collapse .navbar-bottom .navbar-right > li.open > a .caret {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-top,
.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-outside {
  /* background: rgba(229, 0, 50, 0.8); */
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-top > a,
.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-outside > a {
  font-size: 18px;
  padding: 20px 15px;
  color: #FFF;
  display: block;
  width: 100%;
  letter-spacing: 5px;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-top,
.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom,
.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-outside {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-top {
  display: none;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-top a {
  text-align: center;
  letter-spacing: 1px;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom > li > a,
.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom > a {
  font-size: 18px;
  padding: 20px 15px;
  /* background: rgba(229, 0, 50, 0.8); */
  color: #FFF;
  display: block;
  width: 100%;
  letter-spacing: 5px;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-outside {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-outside a {
  text-align: center;
}

.max-md-size .navbar .navbar-collapse.in {
  overflow-y: auto;
  height: auto;
  max-height: calc(100vh - 60px);
  -webkit-overflow-scrolling: touch;
}

.max-md-size .navbar .navbar-collapse {
  padding-top: 0;
  /* transition: height 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0.8s, visibility 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0.8s; */
}

.max-md-size .navbar .navbar-collapse.in {
  /* transition: height 0.5s cubic-bezier(0.86, 0, 0.07, 1), visibility 0.5s cubic-bezier(0.86, 0, 0.07, 1); */
}

/* .max-md-size .navbar .navbar-collapse.in > .navbar-bottom .navbar-nav > li > a,
.max-md-size .navbar .navbar-collapse.in > .navbar-top .navbar-nav > li > a {
  -webkit-animation: fade-in-top 0.5s ease-in-out 0.5s;
  animation: fade-in-top 0.5s ease-in-out 0.5s;
  opacity: 1;
  animation-fill-mode : forwards;
} */

.max-md-size .navbar .navbar-collapse.in > .navbar-bottom .navbar-nav > li:after,
.max-md-size .navbar .navbar-collapse.in > .navbar-top .navbar-nav > li:after {
  width: 100%;
  -webkit-transition: width 0.3s ease-in-out 0.3s;
  -o-transition: width 0.3s ease-in-out 0.3s;
  transition: width 0.3s ease-in-out 0.3s;
}

.max-md-size .navbar .navbar-collapse.in > .navbar-top .navbar-left li + li:before {
  height: 30px;
  -webkit-transition: height 0.3s ease-in-out 0.3s;
  -o-transition: height 0.3s ease-in-out 0.3s;
  transition: height 0.3s ease-in-out 0.3s;
}

.max-md-size .navbar .navbar-collapse.in .navbar-fixed-right .navbar-top a,
.max-md-size .navbar .navbar-collapse.in .navbar-fixed-right .navbar-outside a {
  opacity: 1;
  -webkit-animation: fade-in-top 0.5s ease-in-out 0.5s;
  animation: fade-in-top 0.5s ease-in-out 0.5s;
}

/* .max-md-size .navbar .navbar-collapse > .navbar-bottom .navbar-nav > li > a,
.max-md-size .navbar .navbar-collapse > .navbar-top .navbar-nav > li > a {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out 0.5s;
  -o-transition: opacity 0.3s ease-in-out 0.5s;
  transition: opacity 0.3s ease-in-out 0.5s;
} */

.max-md-size .navbar .navbar-collapse > .navbar-bottom .navbar-nav > li:after,
.max-md-size .navbar .navbar-collapse > .navbar-top .navbar-nav > li:after {
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.max-md-size .navbar .navbar-collapse > .navbar-top .navbar-left li + li:before {
  -webkit-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}

.max-md-size .navbar .navbar-collapse > .navbar-bottom {
  padding-top: 53px;
}

.max-md-size .navbar .navbar-collapse > .navbar-bottom .navbar-right > li > a:first-child:after {
  display: none;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-top a,
.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-outside a {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out 0.5s;
  -o-transition: opacity 0.3s ease-in-out 0.5s;
  transition: opacity 0.3s ease-in-out 0.5s;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-bottom: solid 1px #FFF;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom .search-area {
  float: right;
  width: calc(100% - 60px);
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom .mail-area {
  width: 60px;
  float: left;
  border-right: solid 1px #FFF;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom .mail-area a {
  padding: 14px 15px;
}

.max-md-size .navbar .navbar-collapse .navbar-fixed-right .navbar-bottom .mail-area a i:after {
  font-size: 24px;
  display: block;
  width: 24px;
  line-height: 25px;
  margin: 0 auto;
}

.max-xs-size .navbar {
  /* .navbar-header{
			.navbar-brand{
				img{
					&.large{
						display: none;
					}
					&.small{
						display: block;
					}
				}
			}
		} */
}

.max-xs-size .navbar .navbar-collapse .navbar-top .navbar-nav > li > a,
.max-xs-size .navbar .navbar-collapse .navbar-top .navbar-nav > a,
.max-xs-size .navbar .navbar-collapse .navbar-bottom .navbar-nav > li > a,
.max-xs-size .navbar .navbar-collapse .navbar-bottom .navbar-nav > a {
  font-size: 16px;
}

.mobile-mode .navbar .navbar-header .navbar-toggle.collapsed:hover .icon-bar:last-of-type {
  width: 22px;
}

.min-md-size .navbar .navbar-social {
  display: none;
}

.min-md-size .navbar .navbar-collapse > .navbar-bottom .navbar-right.pc {
  display: block;
}

.min-md-size .navbar .navbar-collapse > .navbar-bottom .navbar-right.mobile {
  display: none;
}

.min-md-size .navbar .navbar-collapse > .navbar-bottom .dropdown .dropdown-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 50%;
  -webkit-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out, visibility 0.3s ease-in-out 0.5s;
  -o-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out, visibility 0.3s ease-in-out 0.5s;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out, visibility 0.3s ease-in-out 0.5s;
}

.min-md-size .navbar.pc-nav .navbar-collapse.open > .navbar-bottom {
  /* .dropdown-bg{
							 -webkit-transition: max-height 0.3s ease-in-out;
							-moz-transition: max-height 0.3s ease-in-out;
							-ms-transition: max-height 0.3s ease-in-out;
							-o-transition: max-height 0.3s ease-in-out;
							transition: max-height 0.3s ease-in-out;
							max-height: 400px;
							opacity: 1;
							 -webkit-transform: translateY(0);
									transform: translateY(0);
							 opacity: 1;
							pointer-events: auto;
							transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
						} */
}

.min-md-size .navbar.pc-nav .navbar-collapse.open > .navbar-bottom .navbar-right .dropdown .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  top: 100%;
  -webkit-transition: opacity 0.5s ease-in-out 0.3s, top 0.5s ease-in-out 0.3s, visibility 0.5s ease-in-out 0.3s;
  -o-transition: opacity 0.5s ease-in-out 0.3s, top 0.5s ease-in-out 0.3s, visibility 0.5s ease-in-out 0.3s;
  transition: opacity 0.5s ease-in-out 0.3s, top 0.5s ease-in-out 0.3s, visibility 0.5s ease-in-out 0.3s;
}

.min-md-size .navbar.pc-nav .navbar-collapse.open > .navbar-bottom .navbar-right .dropdown .dropdown-menu li a {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.min-md-size .navbar.pc-nav .navbar-collapse.open > .navbar-bottom .navbar-right .dropdown .dropdown-menu li:hover a {
  color: #e50032;
}

.max-md-size .navbar .navbar-header .navbar-tools {
  font-size: 0;
  position: relative;
  float: right;
  /* margin-right: 15px; */
  padding: 0;
  height: 60px;
  line-height: 60px;
}

.max-md-size .navbar .navbar-header .navbar-tools span, .max-md-size .navbar .navbar-header .navbar-tools i {
  display: inline-block;
  vertical-align: middle;
}

.max-md-size .navbar .navbar-header .navbar-tools i:before, .max-md-size .navbar .navbar-header .navbar-tools i:after {
  font-size: 24px;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown-toggle i {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown-toggle i:after {
  color: #e50032;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown-toggle:hover i {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown .dropdown-toggle {
  height: 60px;
  line-height: 60px;
  padding: 0 10px;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown ul {
  float: none;
  /* left: 50%;
						transform: translateX(-50%); */
  min-width: 0;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 61px;
  left: -1px;
  width: calc(100% + 2px);
  height: auto;
  border: 0;
  display: block;
  background-color: #FFF;
  height: 0;
  overflow: hidden;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown ul li {
  display: block;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown ul li a {
  text-align: center;
  line-height: 50px;
  display: block;
  opacity: 0;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown ul li + li {
  position: relative;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown ul li + li:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.3);
  width: 0%;
  height: 1px;
  -webkit-transition: width 0.3s ease-in-out 0.3s;
  -o-transition: width 0.3s ease-in-out 0.3s;
  transition: width 0.3s ease-in-out 0.3s;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown ul.in {
  overflow-y: auto;
  height: auto;
  max-height: calc(100vh - 60px);
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown ul.in li a {
  -webkit-animation: fade-in-top 0.5s ease-in-out 0.6s;
  animation: fade-in-top 0.5s ease-in-out 0.6s;
  opacity: 1;
  -webkit-transition: opacity 0s ease-in-out 0.6s;
  -o-transition: opacity 0s ease-in-out 0.6s;
  transition: opacity 0s ease-in-out 0.6s;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown ul.in li:before {
  width: 100%;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open .caret {
  border-color: #e50032;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open .dropdown-toggle i {
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open ul li a {
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open ul li:hover a {
  background: #e50032;
  color: #FFF;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open .social-links .social-link:hover a {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open .social-links .icon-fb a {
  color: #3D5B95;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open .social-links .icon-fb:hover a {
  color: #FFF;
  background-color: #3D5B95;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open .social-links .icon-twitter a {
  color: #5AADED;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open .social-links .icon-twitter:hover a {
  color: #FFF;
  background-color: #5AADED;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open .social-links .icon-google a {
  color: #DC4D46;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open .social-links .icon-google:hover a {
  color: #FFF;
  background-color: #DC4D46;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open .social-links .icon-ig a {
  color: #CCC;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open .social-links .icon-ig:hover a {
  color: #FFF;
  background-color: #CCC;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open .social-links .icon-weibo a {
  color: #E51A38;
}

.max-md-size .navbar .navbar-header .navbar-tools .dropdown.open .social-links .icon-weibo:hover a {
  color: #FFF;
  background-color: #E51A38;
}

.max-md-size .navbar .navbar-header .navbar-language .icon-language:after {
  content: "";
  color: #F48E00;
}

.max-md-size .navbar .navbar-header .navbar-social .icon-social:after {
  content: "";
  color: #A1C800;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .social-link {
  display: block;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .social-link a {
  width: 100%;
  display: inline-block;
  text-align: center;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .social-link a i {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .social-link a i:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-size: 42px;
  line-height: 50px;
}

.max-xs-size .max-md-size .navbar .navbar-header .navbar-social .social-links .social-link a i:before {
  font-size: 39px;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .social-link a span {
  display: inline-block;
  vertical-align: middle;
  line-height: 50px;
  width: 120px;
  text-align: left;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-fb a i {
  color: #3D5B95;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-fb a:hover {
  background-color: #3D5B95;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-fb a:hover i, .max-md-size .navbar .navbar-header .navbar-social .social-links .icon-fb a:hover span {
  color: #FFF;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-twitter a i {
  color: #5AADED;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-twitter a:hover {
  background-color: #5AADED;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-twitter a:hover i, .max-md-size .navbar .navbar-header .navbar-social .social-links .icon-twitter a:hover span {
  color: #FFF;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-google a i {
  color: #DC4D46;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-google a:hover {
  background-color: #DC4D46;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-google a:hover i, .max-md-size .navbar .navbar-header .navbar-social .social-links .icon-google a:hover span {
  color: #FFF;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-ig a i {
  color: #CCC;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-ig a:hover {
  background-color: #CCC;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-ig a:hover i, .max-md-size .navbar .navbar-header .navbar-social .social-links .icon-ig a:hover span {
  color: #FFF;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-weibo a i {
  color: #E51A38;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-weibo a:hover {
  background-color: #E51A38;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-weibo a:hover i, .max-md-size .navbar .navbar-header .navbar-social .social-links .icon-weibo a:hover span {
  color: #FFF;
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-fb a i:before {
  content: "";
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-twitter a i:before {
  content: "";
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-google a i:before {
  content: "";
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-ig a i:before {
  content: "";
}

.max-md-size .navbar .navbar-header .navbar-social .social-links .icon-weibo a i:before {
  content: "";
}

.max-md-size .navbar .navbar-header .navbar-phone ul li a {
  padding: 0 15px;
}

.max-md-size .navbar .navbar-header .navbar-phone ul li a i {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.max-md-size .navbar .navbar-header .navbar-phone ul li a i:before {
  color: #2A96D9;
}

.max-md-size .navbar .navbar-header .navbar-phone ul li a:hover {
  color: #000;
  background-color: transparent;
}

.max-md-size .navbar .navbar-header .navbar-phone ul li a:hover i {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.max-md-size .navbar .navbar-collapse > .navbar-bottom .navbar-right.pc {
  display: none;
}

.max-md-size .navbar .navbar-collapse > .navbar-bottom .navbar-right.mobile {
  display: block;
}

.navbar .navbar-collapse .navbar-fixed-right .icon-language:after, .navbar .navbar-collapse .navbar-fixed-right .icon-mail:after, .navbar .navbar-collapse .navbar-fixed-right .icon-search:after, .min-md-size .navbar .navbar-collapse .navbar-fixed-right .search-form #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button:before, .max-md-size .navbar .navbar-header .navbar-language .icon-language:after, .max-md-size .navbar .navbar-header .navbar-social .icon-social:after, .max-md-size .navbar .navbar-header .navbar-social .social-links .social-link a i:before, footer .top .company .social .social-links .social-link a:before, footer .bottom .gotop:after {
  position: relative;
  font-family: 'icomoon';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 48em) {
  /*.container{
			width: calc(48rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (48rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (48rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 62em) {
  /*.container{
			width: calc(62rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (62rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (62rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 75em) {
  /*.container{
			width: calc(75rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (75rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (75rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 88em) {
  /*.container{
			width: calc(88rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (88rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (88rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 95em) {
  /*.container{
			width: calc(95rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (95rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (95rem - 1rem)) / 2);
  }
}

@media screen and (min-width: 100em) {
  /*.container{
			width: calc(100rem - 1rem);
		}*/
  .footer-nav .nav .icon-arrow-left {
    left: calc((100vw - (100rem - 1rem)) / 2);
  }
  .footer-nav .nav .icon-arrow-right {
    right: calc((100vw - (100rem - 1rem)) / 2);
  }
}

.index .footer-nav .nav .icon-arrow-left,
.index .footer-nav .nav .icon-arrow-right {
  display: none;
}

footer {
  background: #FFF;
}

.footer-nav .nav {
  position: relative;
}

.footer-nav .nav .icon-arrow-left,
.footer-nav .nav .icon-arrow-right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.footer-nav .nav .icon-arrow-left:before,
.footer-nav .nav .icon-arrow-right:before {
  font-size: 24px;
  color: #FFF;
  display: block;
  width: 45px;
  height: 45px;
  border: solid 2px #FFF;
  border-radius: 50%;
  text-align: center;
  line-height: 41px;
}

.max-sm-size .footer-nav .nav .icon-arrow-left:before, .max-sm-size
.footer-nav .nav .icon-arrow-right:before {
  width: 30px;
  height: 30px;
  line-height: 29px;
  border-width: 1px;
  font-size: 20px;
}

.max-xs-size .footer-nav .nav .icon-arrow-left:before, .max-xs-size
.footer-nav .nav .icon-arrow-right:before {
  width: 20px;
  height: 20px;
  line-height: 19px;
  border-width: 1px;
  font-size: 14px;
}

.footer-nav .nav .icon-arrow-left:before {
  content: "\e900";
}

.max-md-size .footer-nav .nav .icon-arrow-left {
  left: 10px;
}

.footer-nav .nav .icon-arrow-right:before {
  content: "\e901";
}

.max-md-size .footer-nav .nav .icon-arrow-right {
  right: 10px;
}

.footer-nav .nav .page {
  margin-left: 0;
  margin-right: 0;
  -webkit-animation: fade-in-bottom 0.75s ease-in-out;
  -moz-animation: fade-in-bottom 0.75s ease-in-out;
  -ms-animation: fade-in-bottom 0.75s ease-in-out;
  -o-animation: fade-in-bottom 0.75s ease-in-out;
  animation: fade-in-bottom 0.75s ease-in-out;
}

.footer-nav .nav .page li {
  padding-left: 0;
  padding-right: 0;
}

.footer-nav .nav .page li a {
  display: block;
  background: #ddd;
}

.footer-nav .nav .page li a span {
  display: block;
}

.footer-nav .nav .page li a .group {
  position: relative;
}

.footer-nav .nav .page li a .group .pic {
  position: relative;
  width: 101%;
  height: 400px;
  overflow: hidden;
}

.footer-nav .nav .page li a .group .pic .jqimgFill {
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -ms-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.footer-nav .nav .page li a .group h4 {
  margin: 0;
  font-size: 20px;
  letter-spacing: 3px;
  white-space: nowrap;
  color: #FFF;
  z-index: 20;
}

.footer-nav .nav .page li:hover a .group .pic .jqimgFill {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}

.max-hd-size .footer-nav .nav .page li a .group .pic {
  height: 300px;
}

.max-lg-size .footer-nav .nav .page li a .group .pic {
  height: 250px;
}

.max-md-size .footer-nav .nav .page li a .group .pic {
  height: 200px;
}

.max-sm-size .footer-nav .nav .page li a .group .pic {
  height: 150px;
}

.max-sm-size .footer-nav .nav .page li a .group h4 {
  font-size: 16px;
  width: 100%;
  white-space: normal;
  padding: 0 30px;
  line-height: 24px;
}

.max-xs-size .footer-nav .nav .page li a .group .pic {
  height: 100px;
}

.index .footer-nav .nav .page li a .group .pic {
  height: 300px;
}

.max-bg-size .index .footer-nav .nav .page li a .group .pic {
  height: 250px;
}

.max-lg-size .index .footer-nav .nav .page li a .group .pic {
  height: 200px;
}

.max-md-size .index .footer-nav .nav .page li a .group .pic {
  height: 150px;
}

.max-md-size .index .footer-nav .nav .page li a .group h4 {
  font-size: 24px;
}

.max-sm-size .index .footer-nav .nav .page li a .group .pic {
  height: 220px;
}

.max-sm-size .index .footer-nav .nav .page li a .group h4 {
  font-size: 24px;
}

.max-xs-size .index .footer-nav .nav .page li a .group .pic {
  height: 150px;
}

.max-xs-size .index .footer-nav .nav .page li a .group h4 {
  font-size: 20px;
}

footer .top {
  padding-top: 50px;
  padding-bottom: 15px;
}

footer .top .company .column {
  position: relative;
  height: auto;
}

footer .top .company .column + .column:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #dcdcdc;
}

footer .top .company .column > .box {
  position: relative;
}

.max-lg-size footer .top .company .column.social.column:before {
  display: none;
}

.max-sm-size footer .top .company .column.social.column > .box {
  top: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

footer .top .company .column .logo {
  padding-right: 20px;
}

footer .top .company .info > .box {
  float: left;
}

footer .top .company .info .logo {
  width: 100px;
  float: left;
  display: block;
}

.max-xs-size footer .top .company .info .logo {
  float: none;
  margin: 0 auto;
  padding-bottom: 10px;
  padding-right: 0;
}

footer .top .company .info address {
  float: left;
}

footer .top .company .info address ul li {
  display: block;
  width: 100%;
  line-height: 24px;
  text-align: left;
  font-size: 16px;
}

footer .top .company .info address ul li a {
  line-height: 24px;
  color: #333;
  white-space: nowrap;
  font-size: 16px;
}

footer .top .company .info address ul li.hotline a {
  font-size: 24px;
  line-height: 40px;
  color: #e70034;
  font-weight: bold;
  letter-spacing: 1.5px;
}

.max-xs-size footer .top .company .info address ul li.hotline a {
  font-size: 20px;
}

footer .top .company .info address ul li:hover a {
  text-decoration: underline;
}

footer .top .company .social {
  position: relative;
}

footer .top .company .social > .box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

footer .top .company .social .social-links {
  position: relative;
  white-space: nowrap;
}

footer .top .company .social .social-links .social-link {
  display: inline-block;
}

footer .top .company .social .social-links .social-link a {
  display: block;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

footer .top .company .social .social-links .social-link a:before {
  content: "";
  font-size: 42px;
}

.max-xs-size footer .top .company .social .social-links .social-link a:before {
  font-size: 39px;
}

footer .top .company .social .social-links .social-link + .social-link {
  margin-left: 20px;
}

footer .top .company .social .social-links .social-link:hover a {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

footer .top .company .social .social-links .icon-fb a {
  color: #3D5B95;
}

footer .top .company .social .social-links .icon-twitter a {
  color: #5AADED;
}

footer .top .company .social .social-links .icon-google a {
  color: #DC4D46;
}

footer .top .company .social .social-links .icon-ig a {
  color: #CCC;
}

footer .top .company .social .social-links .icon-weibo a {
  color: #E51A38;
}

footer .top .company .social .social-links .icon-fb a:before {
  content: "";
}

footer .top .company .social .social-links .icon-twitter a:before {
  content: "";
}

footer .top .company .social .social-links .icon-google a:before {
  content: "";
}

footer .top .company .social .social-links .icon-ig a:before {
  content: "";
}

footer .top .company .social .social-links .icon-weibo a:before {
  content: "";
}

footer .top .company .ad-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

footer .top .company .ad-area > .box {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

footer .top .company .ad-area > .box a {
  display: block;
  text-align: right;
}

.max-sm-size footer .top .company .ad-area > .box a {
  text-align: center;
}

footer .top .company .ad-area > .box a .pic {
  display: inline-block;
}

footer .top .company .ad-area > .box a .pic img {
  display: block;
}

footer .bottom {
  position: relative;
  padding-top: 35px;
}

footer .bottom:before {
  position: absolute;
  top: 0;
  left: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 142.5px 35px 142.5px;
  border-color: transparent transparent #e50032 transparent;
}

footer .bottom .gotop {
  position: absolute;
  display: block;
  width: 285px;
  height: 35px;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

footer .bottom .gotop:after {
  top: 10px;
  display: block;
  margin: 0 auto;
  text-align: center;
  -webkit-animation: fadeInUp 1s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: fadeInUp 1s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -ms-animation: fadeInUp 1s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: fadeInUp 1s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: fadeInUp 1s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  content: "";
  color: #FFF;
  font-size: 20px;
}

footer .bottom .gotop:hover:after {
  -webkit-animation: puff-in-center 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: puff-in-center 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-animation: puff-in-center 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-animation: puff-in-center 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: puff-in-center 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

footer .bottom .bg {
  background: #e50032;
}

footer .bottom li, footer .bottom a, footer .bottom span {
  color: #FFF;
}

footer .bottom .lists {
  padding-top: 37px;
  padding-bottom: 38px;
}

footer .bottom .lists .left span {
  display: inline-block;
}

footer .bottom .lists .left span + span {
  padding-left: 30px;
}

footer .bottom .lists .right ul li {
  float: left;
}

footer .bottom .lists .right ul li + li:before {
  content: "|";
  color: #FFF;
  padding: 0 12px;
}

.max-bg-size footer .top .social .social-links .social-link + .social-link {
  margin-left: 15px;
}

.max-lg-size footer .top .social {
  margin: 15px 0;
}

.max-lg-size footer .top .social .social-links .social-link + .social-link {
  margin-left: 20px;
}

.min-md-size footer .bottom .left {
  float: left;
}

.min-md-size footer .bottom .right {
  float: right;
}

.int-sm-size footer .top .company .info {
  padding-bottom: 20px;
}

.max-md-size footer .bottom .lists {
  text-align: center;
  padding: 25px 0;
}

.max-md-size footer .bottom .lists .list {
  display: inline-block;
}

.max-md-size footer .bottom .lists .list + .list {
  padding-top: 15px;
}

.max-md-size footer .bottom .lists .right {
  float: none;
}

.max-sm-size footer .top {
  padding-top: 30px;
}

.max-sm-size footer .top .company {
  padding: 0 15px;
}

.max-sm-size footer .top .company .column + .column:before {
  display: none;
}

.max-sm-size footer .top .social > .box {
  position: static;
  top: auto;
  left: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.max-sm-size footer .top .ad-area .box .box .pic {
  float: none;
  margin: 0 auto;
}

.max-sm-size footer .bottom .lists .left {
  width: 100%;
}

.max-sm-size footer .bottom .lists .left span {
  display: block;
  text-align: center;
  line-height: 20px;
}

.max-sm-size footer .bottom .lists .left span + span {
  padding-top: 15px;
  padding-left: 0;
}

.max-xs-size footer .top .social {
  padding: 5px 0 15px 0;
}

/* latin-ext */
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local("Fjalla One"), local("FjallaOne-Regular"), url("fonts/google/SHXJdWnWW6HDq-6DpcG8PwsYbbCjybiHxArTLjt7FRU.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local("Fjalla One"), local("FjallaOne-Regular"), url("fonts/google/rxxXUYj4oZ6Q5oDJFtEd6gzyDMXhdD8sAj6OAJTFsBI.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: local("Libre Franklin"), local("LibreFranklin-Regular"), url("fonts/google/PFwjf3aDdAQPvNKUrT3U7xHoxYlEhdfxgPTmEO-jGTc.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: local("Libre Franklin"), local("LibreFranklin-Regular"), url("fonts/google/PFwjf3aDdAQPvNKUrT3U77v_weys7n7jZxU_6MdmmbI.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 500;
  src: local("Libre Franklin Medium"), local("LibreFranklin-Medium"), url("fonts/google/1_DGDtljMiPWFs5rl_p0yEdpeoYnlM6OFPAOWI6w_JE.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 500;
  src: local("Libre Franklin Medium"), local("LibreFranklin-Medium"), url("fonts/google/1_DGDtljMiPWFs5rl_p0yH0EyttSSCsW3UCOJCoIBvw.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("fonts/google/K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff2") format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("fonts/google/RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("fonts/google/LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("fonts/google/xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("fonts/google/59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("fonts/google/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("fonts/google/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local("Playfair Display"), local("PlayfairDisplay-Regular"), url("fonts/google/2NBgzUtEeyB-Xtpr9bm1CRw5vVFbIG7DatP53f3SWfE.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local("Playfair Display"), local("PlayfairDisplay-Regular"), url("fonts/google/2NBgzUtEeyB-Xtpr9bm1CSVudZg2I_9CBJalMPResNk.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local("Playfair Display"), local("PlayfairDisplay-Regular"), url("fonts/google/2NBgzUtEeyB-Xtpr9bm1CRD8Ne_KjP89kA3_zOrHj8E.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("fonts/google/sTdaA6j0Psb920Vjv-mrzH-_kf6ByYO6CLYdB4HQE-Y.woff2") format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("fonts/google/uYECMKoHcO9x1wdmbyHIm3-_kf6ByYO6CLYdB4HQE-Y.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("fonts/google/tnj4SB6DNbdaQnsM8CFqBX-_kf6ByYO6CLYdB4HQE-Y.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("fonts/google/_VYFx-s824kXq_Ul2BHqYH-_kf6ByYO6CLYdB4HQE-Y.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("fonts/google/NJ4vxlgWwWbEsv18dAhqnn-_kf6ByYO6CLYdB4HQE-Y.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("fonts/google/Ks_cVxiCiwUWVsFWFA3Bjn-_kf6ByYO6CLYdB4HQE-Y.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("fonts/google/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

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

#inspection {
  font-size: 16px;
  line-height: 1.8em;
}

#inspection .title {
  font-weight: bold;
  font-size: 24px;
  line-height: 1.8em;
}

.max-sm-size #inspection .title {
  font-size: 20px;
  line-height: 1.5em;
}

.btn-box {
  margin: 0 -10px;
}

.btn-box .btn {
  display: inline-block !important;
  margin: 10px !important;
}

#inspection .info .btn {
  margin-left: 0;
  margin-top: 50px;
  border-color: #fff;
  color: #fff;
}

.max-sm-size #inspection .info .btn {
  margin-top: 30px;
}

#inspection .info .btn:hover {
  background-color: #fff;
  color: #10A7B3;
}

#inspection .info .title {
  color: #fff;
}

#inspection .info .left {
  float: left;
  width: 55%;
  margin-right: -5%;
  padding: 100px;
  position: relative;
  background-color: #10A7B3;
  color: #fff;
  z-index: 2;
}

.max-bg-size #inspection .info .left {
  padding: 50px;
}

.max-md-size #inspection .info .left {
  float: none;
  width: 100%;
  margin: 0;
}

.max-sm-size #inspection .info .left {
  padding: 30px;
}

.min-md-size #inspection .info .right {
  float: right;
  width: 50%;
}

#inspection .info .right .pic {
  height: 530px;
}

.max-md-size #inspection .info .right .pic {
  height: 47vh;
}

#inspection .info .text {
  margin-top: 30px;
}

#inspection .types {
  padding: 100px 0;
}

.max-md-size #inspection .types {
  padding: 50px 0;
}

#inspection .types .container {
  max-width: 1400px;
}

.min-md-size #inspection .types .left,
.min-md-size #inspection .types .right {
  float: left;
  width: 50%;
}

.min-md-size #inspection .types .left {
  padding-top: 30px;
}

#inspection .types .left .text {
  margin-top: 30px;
}

#inspection .types .left .btn-box {
  margin-top: 50px;
}

.max-md-size #inspection .types .left .btn-box {
  margin-top: 20px;
}

#inspection .types .right {
  padding-left: 50px;
  font-size: 0;
  letter-spacing: 0;
}

.max-md-size #inspection .types .right {
  padding-left: 0;
  margin-top: 50px;
}

#inspection .types .right .pic {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
  height: 320px;
  margin-left: 2%;
}

.max-xs-size #inspection .types .right .pic {
  height: 43vw;
}

#inspection .certified {
  padding: 100px 0;
  background-color: #DAEFF1;
}

.max-md-size #inspection .certified {
  padding: 50px 0;
}

#inspection .certified .container {
  max-width: 1400px;
}

#inspection .certified .left {
  float: left;
  width: 630px;
}

.max-lg-size #inspection .certified .left {
  float: none;
  margin: 0 auto 50px auto;
}

.max-md-size #inspection .certified .left {
  width: 100%;
}

#inspection .certified .left .pic {
  height: 420px;
}

.max-md-size #inspection .certified .left .pic {
  height: 62vw;
}

.min-lg-size #inspection .certified .right {
  float: right;
  width: -moz-calc(100% - 630px);
  width: -webkit-calc(100% - 630px);
  width: calc(100% - 630px);
  padding-left: 80px;
}

#inspection .certified .right .pic {
  text-align: center;
}

#inspection .certified .right .text {
  margin-top: 30px;
}

.process-box {
  position: relative;
  line-height: 1.8em;
}

.process-box .pic {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: #2F99A1;
}

.process-box .container {
  display: table;
  position: relative;
  z-index: 2;
  text-align: center;
}

.process-box .middle {
  display: table-cell;
  vertical-align: middle;
  height: 350px;
  padding: 50px 0;
  color: #fff;
}

.max-md-size .process-box .middle {
  height: auto;
}

.min-sm-size .process-box .text {
  font-size: 18px;
}

.process-box .btn-box {
  margin-top: 30px;
}
.process-box .btn {
  background-color: #e50032;
  color: #fff !important;
}


.contact-info {
  padding: 50px 0;
  color: #e50032;
  text-align: center;
}
.min-sm-size .contact-info {
  font-size: 18px;
}
.contact-info .btn {
  margin-top: 30px;
  background-color: #e50032;
  color: #fff !important;
}
.contact-info .btn:hover {
  background-color: #fff !important;
  color: #e50032 !important;
}

.top-title {
  margin-bottom: 48px;
}

.min-sm-size .top-title h3 {
  float: left;
}

.top-title h3 {
  margin-bottom: 0 !important;
}

.min-sm-size .top-title .note {
  float: right;
  font-size: 18px;
}

.max-sm-size .top-title .note {
  margin-top: 10px;
  text-align: center;
}

#identify .tab-pane .columns .column > .box .box .text {
  padding: 20px 0;
}

#identify .tab-pane .columns .column > .box .box h4 {
  padding: 0;
}

#identify .tab-pane .columns .column > .box .box .summary {
  margin-top: 10px;
  color: #666;
}

.order-btn {
  display: none;
  width: 100px;
  height: 100px;
  margin: 15px auto 0 auto;
  padding-top: 20px;
  border-radius: 50%;
  background: #E50031 url('images/order-bg.png') center 5px no-repeat;
  position: relative;
  font-size: 16px;
  text-align: center;
  text-shadow: 0 2px 2px #990000;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}

.order-btn.active {
  display: none !important;
}

.has-order .order-btn {
  display: block;
}

.max-md-size .order-btn {
  width: 60px;
  height: 60px;
  padding-top: 5px;
  position: fixed;
  right: 15px;
  top: 60px;
  z-index: 5;
  background-size: 40px;
}

.order-btn:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.order-btn span {
  display: block;
  margin-top: 5px;
  color: #fff;
}

.max-md-size .order-btn span {
  margin-top: 0;
  font-size: 14px;
}

.max-md-size .order-btn img {
  max-width: 25px;
}

#process .service {
  position: relative;
}

#process .service {
  padding: 100px 0;
}
.max-md-size #process .service {
  padding: 50px 0;
}
.max-sm-size #process .service {
  padding: 30px 0;
}

#process .service .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

#process .service .container {
  position: relative;
  z-index: 2;
  text-align: center;
}

#process .payment {
  padding-bottom: 200px;
  position: relative;
}

.max-lg-size #process .payment {
  padding-bottom: 100px;
}

.max-md-size #process .payment {
  padding-bottom: 50px;
}

#process .payment .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
#process .payment .container {
  position: relative;
  z-index: 2;
}

#process .payment .block {
  margin-top: 50px;
  padding: 0 100px;
}

.max-lg-size #process .payment .block {
  padding: 0 50px;
}
.max-sm-size #process .payment .block {
  margin-top: 30px;
  padding: 0;
}

#process .payment .block:first-of-type {
  margin-top: 0 !important;
}

#process .payment .block .title {
  margin-bottom: 50px;
  color: #CA0E38;
  font-size: 24px;
  line-height: 1.8em;
  font-weight: bold;
  animation-delay: 0.3s;
}

.max-sm-size #process .payment .block .title {
  margin-bottom: 10px;
  font-size: 20px;
}
#process .payment .block ul.list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 -30px;
  animation-delay: 0.6s;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.max-lg-size #process .payment .block ul.list {
  margin: 0 -20px;
}

#process .payment .block ul.list > li {
  float: left;
  width: 33.3%;
  margin-bottom: 30px;
  padding: 0 30px;
  text-align: center;
}
.max-lg-size #process .payment .block ul.list > li {
  width: 50%;
  padding: 0 20px;
}
.max-xs-size #process .payment .block ul.list > li {
  float: none;
  width: 100%;
}

#process .payment .block ul.list > li .box {
  height: 100%;
  position: relative;
  background-color: #FDE6EB;
}
.max-xs-size #process .payment .block ul.list > li .box {
  padding-bottom: 20px;
}
#process .payment .block ul.list > li .icon {
  max-width: 101px;
  max-height: 85px;
  position: absolute;
  right: -20px;
  bottom: -20px;
  z-index: 2;
}

.max-sm-size #process .payment .block ul.list > li .icon {
  max-width: 60px;
  max-height: 60px;
}
.max-xs-size #process .payment .block ul.list > li .icon {
  display: inline-block;
  position: relative;
  right: 0;
  bottom: 0;
}

#process .payment .block ul.list > li .text {
  padding: 30px;
  position: relative;
  z-index: 3;
  font-size: 16px;
  line-height: 1.8em;
}

.max-sm-size #process .payment .block ul.list > li .text {
  padding: 20px;
}

#process .payment .block ul.list > li .name {
  padding: 12px 30px;
  color: #fff;
  font-size: 20px;
  line-height: 1.8em;
  background-color: #E50033;
}
.max-sm-size #process .payment .block ul.list > li .name {
  padding: 10px 20px;
  font-size: 16px;
  line-height: 1.8em;
}

#process .payment .block ul.list > li:nth-of-type(3n-1) .box {
  background-color: #FEF5E6;
}
#process .payment .block ul.list > li:nth-of-type(3n-1) .name {
  background-color: #F39700;
}
#process .payment .block ul.list > li:nth-of-type(3n) .box {
  background-color: #EBF6FB;
}
#process .payment .block ul.list > li:nth-of-type(3n) .name {
  background-color: #33A1DB;
}

#process .payment .pay {
  width: 100%;
  min-height: 180px;
  padding: 30px 50px 30px 200px;
  position: relative;
  background-color: #CC123B;
  color: #fff;
  border-radius: 200px;
}

.min-lg-size #process .payment .pay {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  align-items: center;
  animation-delay: 0.6s;
}
.max-sm-size #process .payment .pay {
  padding: 20px;
  border-radius: 10px;
}

#process .payment .pay .left {
  max-width: 50%;
  padding-right: 50px;
  border-right: 1px solid #fff;
}

.max-lg-size #process .payment .pay .left {
  max-width: none;
  margin-bottom: 20px;
  padding-right: 0;
  padding-bottom: 20px;
  border-right: none;
  border-bottom: 1px solid #fff;
}

#process .payment .pay .left li {
  color: #fff;
  font-size: 18px;
  line-height: 1.8em;
}

.max-sm-size #process .payment .pay .left li {
  font-size: 16px;
}

#process .payment .pay .left li strong {
  font-weight: bold;
}

#process .payment .pay .right {
  max-width: 50%;
  padding-left: 50px;
  font-size: 16px;
  line-height: 1.8em;
}

.max-lg-size #process .payment .pay .right {
  max-width: none;
  padding-left: 0;
}

#process .payment .pay .sub-title {
  background-color: #fff;
  text-align: center;
}

.min-sm-size #process .payment .pay .sub-title {
  display: table;
  width: 150px;
  height: 150px;
  margin-top: -75px;
  position: absolute;
  left: 20px;
  top: 50%;
  border-radius: 50%;
}

.max-sm-size #process .payment .pay .sub-title {
  margin-bottom: 20px;
  padding: 10px 20px;
  border-radius: 5px;
}

#process .payment .pay .sub-title span {
  display: table-cell;
  vertical-align: middle;
  color: #CC123B;
  font-size: 22px;
  font-weight: bold;
}

.max-sm-size #process .payment .pay .sub-title span {
  display: block;
  font-size: 16px;
}

.content.white-bg {
  background-color: #fff;
}

.gray-bg {
  background-color: #F5F5F5;
}

img {
  max-width: 100%;
}
.chrome img {
  image-rendering: -webkit-optimize-contrast;
}

#service {
  padding-bottom: 100px;
  color: #555555;
  font-size: 16px;
  line-height: 1.8em;
}
#service .block {
  padding: 0 100px;
}
.max-md-size #service .block {
  padding: 0 50px;
}
.max-sm-size #service .block {
  padding: 0;
}
#service p, #service ul, #service ol {
  margin: 20px 0;
}
#service p, #service li {
  color: #555555;
}
#service .name {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}
.max-sm-size #service .name {
  font-size: 18px;
}

#others {
  padding-bottom: 50px;
}

.max-sm-size #others {
  padding-bottom: 10px;
}

#others ul.list {
  padding: 0 100px;
}
.max-lg-size #others ul.list {
  padding: 0 50px;
}
.max-sm-size #others ul.list {
  padding: 0;
}

#others ul.list > li {
  margin-bottom: 30px;
}
.max-sm-size #others ul.list > li {
  margin-bottom: 20px;
}
#others ul.list > li a,
#others ul.list > li a span {
  display: block;
}
#others ul.list > li a {
  padding: 30px;
  position: relative;
  background-color: #fff;
  border: 1px solid #E5E5E5;
  word-break: break-word;
  -webkit-transition: box-shadow 0.5s;
  -o-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
}
.max-sm-size #others ul.list > li a {
  padding: 20px;
}
#others ul.list > li a:hover {
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#others ul.list > li a .pic {
  max-width: 425px;
  max-height: 82px;
  text-align: center;
}

.min-md-size #others ul.list > li a .pic {
  width: 33%;
  position: absolute;
  left: 50px;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
.max-md-size #others ul.list > li a .pic {
  display: block;
  margin: 0 auto 20px auto;
}

.min-md-size #others ul.list > li a .text {
  padding-left: 40%;
}

#others ul.list > li table {
  width: 100%;
  background-color: #F5F5F5;
}

.max-sm-size #others ul.list > li table tr {
  display: block;
  padding: 8px 15px;
  text-align: center;
}
.max-sm-size #others ul.list > li table tr:first-of-type {
  display: none;
}

#others ul.list > li table th {
  width: 50%;
  background-color: #EDEDED;
  border: none;
  color: #777777;
}
#others ul.list > li table td {
  border: none;
}
.max-sm-size #others ul.list > li table td {
  display: block;
  padding: 0;
}
#others ul.list > li .red {
  text-decoration: underline;
}

strong {
  font-weight: bold;
}

[data-id="inspection"] {
  letter-spacing: 1px;
}