/* ppy */

html {
  background: #000;
}

body {
  padding-top: 80px;
  font-family: Arial !important;
}

a,
a:hover {
  color: #333;
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: #c60000;
}

input:-moz-placeholder, textarea:-moz-placeholder {
	color: #CCC!important;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #CCC!important;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #CCC!important;
}

.link-red,
.text-error,
.color-ppy {
  color: #c60000 !important;
}

.blockquote-ppy {
  margin: 1rem 0;
  padding: 0 0 0 1rem;
  border-left: 5px solid #eee;
}

.hr-ppy {
  clear: both;
  margin: 1rem 0;
  border-bottom: 4px solid #b50101;
}

.color-gb {
  color: #fff1b6 !important;
}

.link-blue {
  color: #76a4be;
}

.bg-ppy {
  background: #c60000;
}

.link-ppy {
  padding: 0 0 2px;
  color: #c60000 !important;
  border-bottom: 1px solid #c60000;
}

.link-ppy:hover {
  color: #333 !important;
  border-color: #333;
}

.btn {
  font-size: 14px;
}

.form-submit .submit,
.btn-danger {
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-block {
  font-size: 18px;
}

.btn-secondary {
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  border: 1px solid #cccccc;
  color: #000;
}

.btn-secondary:hover {
  color: #333;
}

/* nav */
.ppy-navbar {
  background: #000;
}

.navbar-brand {
  padding: 0;
}

.navbar-brand img {
  display: block;
}

.ppy-navbar .dropdown-item:hover {
  background: #c60000;
  color: #fff;
}

.navbar-nav > li {
  position: relative;
  margin-right: 1.5rem;
  padding: 10px 0;
  text-transform: uppercase;
}

.navbar-nav > li > a {
  position: relative;
  padding: 5px 18px 5px 10px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
}

.navbar-nav > li > a:hover {
  background: #333;
  box-shadow: 1px 2px 3px #222 inset;
}

.navbar-nav > li > a::after {
  content: '';
  position: absolute;
  right: 5px;
  top: 10px;
  display: block;
  width: 0;
  height: 0;
  border-width: 4px 4px 0;
  border-style: solid;
  border-color: #ccc transparent transparent;
}

.navbar-nav > li.current-menu-parent > a {
  border-radius: 5px;
  box-shadow: rgb(181, 2, 2) 1px 2px 3px inset;
  color: rgb(255, 255, 255);
  background: rgb(181, 2, 2);
}

.navbar-nav li li.current-menu-item a {
  color: #c60000;
}

.navbar-nav > li > ul {
  display: none;
  position: absolute;
  z-index: 1050;
  left: 0;
  top: 38px;
  list-style: none;
  /* max-width: 200px; */
  padding: 10px 0;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-size: 12px;
}

.navbar-nav > li > ul ul {
  list-style: none;
  padding: 0;
}

.navbar-nav > li > ul ul li a::before {
  content: '--';
  display: inline-block;
  padding-right: 5px;
}


.navbar-nav > li > ul:before {
  content: '';
  position: absolute;
  top: -5px;
  left: 15px;
  width: 0;
  height: 0;
  border-width: 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent #fff;
}

.navbar-nav li ul a {
  display: block;
  white-space: nowrap;
  padding: 0.2rem 1rem;
  color: #333;
  /* word-wrap:break-word;  */
  /* white-space:normal;  */
  /* word-break:break-all; */
}

.navbar-nav li ul a[href]:hover {
  text-decoration: none;
  background: #c60000;
  color: #fff;
}

.navbar-nav > li:hover > ul {
  display: block;
}

/* part */
.banner {
  background: #999 url(../img/banner.jpg) no-repeat fixed center top;
  background-size: cover;
}

.banner .overlay {
  background: rgba(0, 0, 0, 0.4);
}

.intrt {
  padding: 16rem 0 18rem;
  animation: topIn 1s ease;
  animation-delay: 1000ms;
}

@keyframes topIn {
  from { 
    transform: translateY(-50%);
    opacity: 0; 
  }
  to { 
    transform: translateY(0px);
    opacity: 1; 
  }
}

.banner h1 {
  margin: 0 0 1rem;
  font-size: 40px;
  /* font-weight: 400; */
  /* letter-spacing: 2px; */
  color: #fff;
  text-shadow: 0 -2px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.8);
}

.banner h1 strong {
  font-weight: 700;
}

.mc4wp-response {
  margin: 1rem 0;
  text-align: center;
  font-style: italic;
  color: #666;
}

.part {
  padding: 6rem 0;
}

.part .title {
  margin: 0 0 3rem;
}

.part .title h2 {
  letter-spacing: 2px;
  font-weight: 700;
}

.part .title h4 {
  letter-spacing: 2px;
  font-weight: 700;
  color: #999;
}

.part-user img {
  display: block;
  width: 100%;
}

/* 
.part-user img:hover {
  z-index: 999;
  transform: scale(1.1);
} */

.part-user .carousel-control-next i,
.part-user .carousel-control-prev i {
  font-size: 3rem;
  background: rgba(0, 0, 0, 0.3);
}

/* card */
.card {
  transition: 0.3s;
  border: none;
  background: none;
}

.card:hover {
  transform: translateY(-5px);
}

.card-counter {
  display: block;
}

.card-counter .count {
  font-weight: 700;
  /* font-family: 'Arial Black'; */
}

.card-counter .count span {
  font-weight: 400;
}

.card-counter .name {
  margin: 1rem 0;
}

.card-saying {
  padding: 1rem;
}

.card-saying:hover {
  background: #fff;
}

.card-saying p.lead {
  position: relative;
  padding: 0 0 0 2.8em;
  font-style: italic;
  font-size: 1.1rem;
}

.card-saying p.lead:before {
  font-family: 'fa';
  font-style: normal;
  content: '\e66c';
  position: absolute;
  left: -0.2em;
  top: -0.5em;
  font-size: 3em;
  color: #ddd;
}

.card-blog {
  position: relative;
  margin: 1rem 0 0;
  border: 1px solid #dee2e6;
  box-shadow: 0 10px 15px rgba(140, 153, 191, 0.3);
  overflow: hidden;
  box-shadow: none;
}

.card-blog:hover {
  box-shadow: 0 20px 15px 0 rgba(140, 153, 191, 0.2);
}

.card-blog .card-img-top {
  height: 230px;
  overflow: hidden;
}

.card-blog .card-img-top a {
  display: block;
}

.card-gallery-video .card-title,
.card-blog .entry-title {
  height: 38px;
  margin: 0 0 5px;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 
}

.card-gallery-video .card-img-top {
  position: relative;
  height: 160px;
  overflow: hidden;
}

.card-gallery-video .card-title {
  height: 57px;
  -webkit-line-clamp:3; 
}

.card-gallery-video .video-pop-youtube {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 145px;
  background: url(../img/ico-video.png) no-repeat 50% 50%;
}

.card-blog .entry-summary {
  display: none;
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  border-radius: 0 0 .25rem .25rem;
  font-size: 14px;
  color: #fff;
  background: #666;
  transition: 0.3s;
}

.card-blog:hover .entry-summary {
  display: block;
}

/* other */
.ppy-scoial {
  margin: 2rem 0 0;
}

.scoial-list .link {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin: 0 5px;
  line-height: 2rem;
  text-align: center;
  border-radius: 6px;
  background: #c60000;
  color: #fff;
}

.scoial-list .link:hover {
  transform: translateY(-3px);
}

.scoial-list .link-f {
  background: #3b5998;
}

.scoial-list .link-i {
  background: #bc32a4;
}

.scoial-list .link-t {
  background: #1da1f2;
}

.scoial-list .link-y {
  background: #ff0000;
}

/* footer */
.footer {
  background: #17181a;
}

.links {
  padding: 4rem 0 2rem;
}

.links-box {
  padding: 0 0 2rem;
  color: #999;
}

.links-box ul a {
  color: #fff;
}

.links-box ul a:hover {
  color: #c60000;
}

.links-box h6 {
  height: 2em;
  margin: 0 0 1rem;
  font-size: 14px;
  font-weight: 700;
  /* white-space: nowrap; */
}

.links-box ul {
  padding: 0;
}

.links-box li {
  margin: 0.5rem 0;
}

.links-box .logo {
  margin: 0 0 2rem;
}

.links-box .scoial-list .link {
  margin: 0 3px 0 0;
}

.copyright {
  padding: 1rem;
  background: rgba(0, 0, 0, 1);
  color: #999;
  font-size: 14px;
}

.foot-nav {
  list-style: none;
  padding: 0;
  font-size: 14px;
  overflow: hidden;
}

.foot-nav > li {
  float: left;
  width: 25%;
  padding: 0 1rem 2rem;
}

.foot-nav > li > a {
  display: block;
  height: 2em;
  padding: 0 0.5rem;
  line-height: 1;
  font-weight: 700;
  color: #999;
}

.foot-nav > li > ul {
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
}

.foot-nav > li > ul > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.foot-nav > li > ul ul li a::before {
  content: '-';
  display: inline-block;
  padding-right: 5px;
}

.foot-nav li li {
  padding: 0.2rem 0;
}

.foot-nav > li ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.foot-nav > li li a {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  color: #fff!important;
}

.foot-nav > li ul a[href]:hover {
  background: #c60000;
  border-radius: 0.25rem;
  color: #fff;
}

/* media */
@media (max-width: 640px) {
  body {
    padding: 56px 0 0;
  }

  .navbar-collapse {
    padding: 0 0 20px;
  }

  .navbar-collapse .form-inline {
    display: block;
    text-align: center;
  }

  .navbar-nav > li > ul {
    display: block;
    position: static;
    top: 0;
    background: none;
  }

  .navbar-nav > li > ul:before {
    display: none;
  }

  .navbar-nav > li {
    margin: 0;
    padding: 10px 0 0;
    text-align: center;
  }

  .navbar-nav li ul a {
    color: #ccc;
  }

  .navbar-brand img {
    height: 36px !important;
  }

  .intrt {
    padding: 10rem 0;
  }

  .part {
    padding: 3rem 0;
  }

  .links {
    padding: 2rem 0;
  }

  .copyright img {
    display: block;
    margin: 0 auto;
  }

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

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

  .foot-nav > li {
    width: 50%;
  }

  .foot-nav > li:nth-child(2n + 1) {
    clear: left;
  }

  .banner {
    background-attachment: scroll;
  }

  .banner .intrt {
    padding: 10rem 0 8rem;
  }
  .banner h1 {
    font-size: 27px;
  }
}

/* icon */
@font-face {
  font-family: 'fa';
  src: url('../fonts/iconfont.eot?t=1548677205590');
  /* IE9 */
  src: url('iconfont.eot?t=1548677205590#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
      url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAYMAAsAAAAAC+QAAAW8AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEJgqJYIgHATYCJAMsCxgABCAFhCUHgRwbKwpRVG/qZD8PbGPxiuj1pYUQg9LdIrJi1JwNtp/x8N9+/9tnZq4/7GvDLVRYHU9Q8WoWIUET61p/phEqkfQ1YfleTvUzJuqm1fFs2LnRmEy2X7I89D75lYWCaAEswQW8iGaqTVuSJpODihGvuZOmJgKtw7kIcuYvtzT/ivj/71c6HSB5Jxp41CrenxPVG1W8RAsU0VbiDbTgK2qrsZzk6MTB6/qb306gt1lP5eTN0yu0FcITGHLTaAntTEhp4IfWV1ecWsRLlTY9T1fxwv98rDkeIpIqE3c6dfk6grNFiwsZH1cu5pWn0yWwP4uMg0AhPlamXstR66Ca/voSxU1gyoaatBivp+yy1023vVtcGNcsKprYOZdohCk7krr3Dx5otDqVWi9kSSFq8E44+Vm7Z5HW0rAYAS3QFAI6oJ0IqIB2IaAG2gvrFOgmAgLoNgIy0DsEJKAF2F9S72BPmQOmQNwGiN8Eds73T0KoyKJHJPk5Q8MAdAo39pBJpfr6Sr7mTXsh+q4M4MeskA0nFNDi49Ywy9WBRVkhBBFutPkJtQwjmc+pOQaVLNggkWBqYqHtUXQejdHqMFZMcT5HOMl81n/zZonaiZy3r5aontd89RpkLtMLYPIoAAgG82A+DCEQwSFUK8GSNM5QnBqnSZbgKCZ8ykZyM7GF2lRCwjBJ77Vce1S6cCkNAM4sk61m9Lp9DIJQ3AGbVSaWrOBWlmCXy1fbe/1+Fi7HTbfwpLNTo1k2c/WwBcepL0yLYhjVqt6S+eRGHFVpW9EmRAebO4KSlC4gerXV5qjNpGHRXBwtnkdtIcSZOihtrq+orIqXzUWlp/xSKK6smL8hcypgOK/MvL4/Te/y497sc/IptveoksZVy455Mc+oF+oDJ0w4oolf3KtLzicWIHrUPHwullzGl9cw46F5beToP0XEzmM7I+DHsB8fCAZ92veP/+C8UPFYkeC0oXbvtSYS8BPq3OfqmVfwVxQF1tjjaaIXZ+6/em2fGC4Ez8zKgLeYjmmPa7gySGpPE60PMtRQw0tnp3mahVbbOF0JBjWQnoafzXgNUvfdgyo3qL7zzBJSgMvnxYJsN1u7uo3ijbN279g9a9Os/pqOtlIMzBoMwrAepZccWDA0dLQVRKHvHOSljCs1bAPRSN534eEjW4oGeZHoTdSMHizacuSw8HskL7PA6s2TK4fNBB0E0SHQF+rThglC0GEmLFwK+KQtAP8Xyczlk5cvt2lBckirLew5KTeXLQL/XQF4PVuRxS0iyt2T3SyJGXjtAjAUTYjNJuXusoVLlmw2Ntli+y2UecjAmyrcIo58gj4h//Xg1Z34O1GijpvAwlWQpCN6NxPt+Yl2zyzeBBd3/6xAPeCFwJeXBJDH6GOE1gU78D9V8uQXcXR+mv4yfs3nsgyMl3LB6nc6kH0A+Un1hxEeq40nk3EOo+XTZ67XlEhLkN8m/M+0m0t//7DO0f8W+SlUf97qjVxrkfxeoOkHaCU62/46iQIjj5W4OWCdYpHaPMw+VT+DKxpoJPQyx0i5Kf/TY7OdBxOS2QSSxrw7H7DNwBfyVqgMtkMtOQS9A4ZnD6Z9q4nSYb+cQSheQbLeO8iKT/hC/gaVOb9QK35A74K/Sw52h1kf4VAyRiJYCBOSVWpz7ir5jNpn0ikp7/GOrjRkxXgwUvIWLbquR5RTPWFWQjnKxU2vu2GWkSgcJRjyIGYuDoZDVfVGg5By6DrBQRJDESGwIBghYil7NOu6THqGNC/jXlew6PHvkFMy3foLYwMjjr/12oY5px5dmtImWCYUoSc7JCfcLJZAGbWIUFTvlEAhNhAPaBQODGkt1dU72DSWP5duWIC4xhApcpSooo4m2ujiL3LIxPT92Eury9gsyD3jwthYUotnhhldW8kQA6K0Y2zJUjuZdxfkEyMts0p36Sn2NxW2jL1pabQ68tRqsR37AOs5Wg8AAAAA')
      format('woff2'),
    url('../fonts/iconfont.woff?t=1548677205590') format('woff'),
    url('../fonts/iconfont.ttf?t=1548677205590') format('truetype'),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
      url('../fonts/iconfont.svg?t=1548677205590#fa') format('svg');
  /* iOS 4.1- */
}

.fa {
  font-family: 'fa' !important;
  font-size: 1rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-zhuangshiyongyinhao:before {
  content: '\e66c';
}

.fa-twitter:before {
  content: '\e69b';
}

.fa-facebook:before {
  content: '\e676';
}

.fa-instagram:before {
  content: '\e6b6';
}

.fa-youjiantou:before {
  content: '\e624';
}

.fa-zuojiantou:before {
  content: '\e625';
}

.fa-fanhui:before {
  content: '\e600';
}

.fa-gengduo:before {
  content: '\e601';
}

.fa-youtube:before {
  content: '\e612';
}

.fa-menu:before {
  content: '\e628';
}

/* layout */

/* 404 */
.not-found {
  padding: 12rem 0;
}

.content-gallery,
.content-archive,
.content-single,
.content-area,
.content-page {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.navigation {
  margin: 1rem auto;
}

.widget {
  margin: 1rem 0 0;
  padding: 1rem 0 0;
  border-radius: 0;
  border: none;
  border-top: 4px solid #b94a48;
  background: #fff;
}

.widget .widgettitle {
  padding: 0 0 0.8rem;
  margin: 0 0 20px;
  border-bottom: 1px solid #dee2e6;
  font-size: 18px;
  font-weight: 700;
}

.widget ul {
  list-style: none;
  padding: 0;
}

.widget ul li {
  margin: 10px 0 0;
  font-size: 14px;
}

.widget-blog {
  padding: 1rem;
  border-radius: 5px;
  border: 1px solid #dee2e6;
  background: #f8f9fa;
}

.widget-blog .nav {
  display: flex;
}

.widget-blog .nav li {
  flex: 1;
  margin: 0;
  padding: 0 0 10px;
  text-align: center;
}

.widget-blog .nav li a.active {
  font-weight: 700;
  color: #c60000;
}

/* .widge_highlighted_jobs {} */

.entry-header a {
  color: #76a4be;
}

.entry-content img {
  max-width: 100%;
}

.entry-content * {
  font-family: Arial !important;
}

.entry-content a {
  color: #76a4be;
}

.entry-content a:hover {
  color: #005580;
}

.wp-caption {
  display: block;
  padding: 10px;
  margin: 0 auto 1rem;
  border-radius: 5px;
  border: 1px solid #dee2e6;
  background: #f8f9fa;
}

.wp-caption .wp-caption-text {
  margin: 10px 0 0;
}

.nav-links {
  overflow: hidden;
}

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

.entry-meta a,
.nav-links a {
  color: #76a4be;
}

.nav-links div {
  display: block;
  width: 50%;
}

.nav-links div:before {
  display: block;
  font-style: italic;
  color: #999;
}

.nav-previous {
  float: left;
  padding-right: 1rem;
  border-right: 1px solid #dee2e6;
}

.nav-previous:before {
  content: 'Previous: ';
}

.nav-next:before {
  content: 'Next: ';
}

.nav-next {
  float: right;
  padding-left: 1rem;
  text-align: right;
}

.breadcrumb {
  margin-top: -2rem;
  padding-left: 0;
  border-radius: 0 !important;
  border-bottom: 1px solid #dee2e6;
  background: none;
}

.breadcrumb li a {
  padding: 0 1rem;
  border-right: 1px solid #dee2e6;
}

.breadcrumb li:last-child a {
  border: none;
}

.breadcrumb li.current-menu-item a {
  color: #c60000;
}

/* gallery */
.card-gallery {
  position: relative;
  margin: 1rem 0 0;
  border: 1px solid #dee2e6;
}

.video-pop {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 145px;
  background: url(../img/ico-video.png) no-repeat 50% 50%;
}

.gallery-columns-3 {
  overflow: hidden;
  margin: 0 -15px;
}

.gallery-item {
  float: left;
  width: 25%;
  padding: 1rem 15px;
  text-align: center;
}

.gallery-item img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

/* jobs */
.hd-jobs {
  padding: 1rem 10px;
  margin: 0 0 1rem;
  border-top: 1px solid #dee2e6;
  background: #f8f9fa;
}

.page-header-jobs {
  border-bottom: 4px solid rgb(185, 74, 72);
}

.page-header-jobs h4 {
  font-weight: 700;
}

.hd-jobs h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #3b5998;
}

.excerpt {
  font-style: italic;
  color: #666;
}

.entry-jobs * {
  font-size: 14px !important;
  line-height: 1.7;
}

.box-aj-edit .hd-jobs {
  margin: 0;
  border: none;
  background: none;
}

.box-aj-edit .hd-jobs h4 {
  color: #000;
}

.box-aj-edit .bd {
  padding: 1rem;
  border-radius: 0.5rem;
  background: #f8f9fa;
}

.invalid-feedback {
  width: auto;
}

/* .list-jobs-ov {
  padding: 0 0 0 1.5em;
} */

.img-thumbnail {
  display: block;
}

.img-full img {
  display: block;
  width: 100%;
  height: auto!important;
}

.list-jobs .media-heading {
  font-size: 18px;
}

.list-jobs p {
  font-size: 14px;
}

.list-jobs-ov li {
  padding: 0.2rem 0;
}

/* comments */
/* .footer-single {} */

/* .comments-area {} */

.comments-title {
  margin: 1rem 0;
  font-size: 20px;
}

.comment-list {
  list-style: none;
  padding: 0;
}

.comment-list .children {
  list-style: none;
}

.comment-list > li {
  padding: 0 0 1rem;
  border-top: 1px dotted #dee2e6;
}

.comment-list > li.pingback {
  display: none;
}

.comment-author {
  background: #f8f9fa;
}

.comment-body {
  overflow: hidden;
}

.reply {
  float: right;
  font-size: 14px;
}

.comment-metadata {
  float: right;
  margin: -32px 0 0;
  line-height: 32px;
  font-size: 14px;
  color: #666;
}

.comment-content {
  clear: both;
  margin: 10px 0 0 35px;
}

.comment-respond {
  margin: 0 0 1rem;
  padding: 1rem;
  border-radius: 5px;
  border: 1px solid #dee2e6;
  background: #f8f9fa;
}

.comment-reply-title {
  font-size: 20px;
}

.comment-form-url {
  display: none;
}

.comment-form-author,
.comment-form-email {
  float: left;
  width: 50%;
}

.comment-form-author input,
.comment-form-email input {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #dee2e6;
}

/* .comment-form-comment {} */

.logged-in-as {
  float: right;
}

.comment-form-comment label {
  display: block;
  font-style: italic;
  color: #999;
}

.comment-form-comment textarea {
  display: block;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #dee2e6;
}

.form-submit {
  clear: both;
  margin: 0;
  overflow: hidden;
}

.form-submit .submit {
  float: right;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  cursor: pointer;
}

/* old */
.icon-arrow-up {
  box-sizing: border-box;
  display: inline-block;
  font-size: inherit;
  font-style: normal;
  height: 1em;
  position: relative;
  text-indent: -9999px;
  vertical-align: middle;
  width: 1em;
  color: #fff;
}

.icon-arrow-up::after,
.icon-arrow-up::before {
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.icon-arrow-up::before {
  transform: translate(-50%, -25%) rotate(45deg);
  border: 0.1rem solid currentColor;
  border-bottom: 0;
  border-right: 0;
  height: 0.65em;
  width: 0.65em;
}

.hidden {
  display: none;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.aligncenter {
  text-align: center;
}

.page-numbers {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  border: 1px solid #dee2e6;
}

.page-numbers.current {
  color: #999;
}

.page-item:first-child .page-numbers {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-numbers {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.content-page-normal {
  padding-top: 30px;
}

.content-page-lf {
  padding-top: 60px;
}

.lf-bar {
  position: fixed;
  z-index: 1020;
  width: 100%;
  left: 0;
  top: 80px;
  padding: 10px;
  font-size: 12px;
  background: #595959;
  color: #fff;
}

.nav-leadership .active {
  color: #c60000;
}

@media (max-width: 640px) {
  .lf-bar {
    top: 56px;
  }
}

.lf-bar .inner {
  max-width: 1110px;
  margin: 0 auto;
}

.lf-bar .btn {
  padding: 2px 10px;
}

.backToTop {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  background: #000;
  border-radius: 100px;
}

/* pengyou day */
.pd-banner {
  margin: 0 auto 2rem;
  background: #1e1e1e;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
  color: #fff;
}

.pd-banner .container {
  background: #1e1e1e url(../img-ppy/pd-banner.png) no-repeat 50% 100% / 100%
    auto;
}

.banner-list {
  padding: 2rem 0 0;
}

.banner-list ul {
  list-style: none;
  padding: 0;
}

.banner-list li span {
  display: block;
  margin: 0 auto 10px;
  width: 150px;
  max-width: 100%;
  height: 120px;
  line-height: 120px;
  font-size: 80px;
  background: #000;
  border-radius: 12px;
}

.banner-txt {
  padding: 1rem 0 2rem;
}

.banner-list li h3 {
  color: #c6c6c6;
}

.banner-txt h1 {
  height: 15rem;
  font-size: 0;
}

.banner-txt p {
  font-size: 30px;
  margin: 0;
}

.line-pd {
  width: 100%;
  height: 33px;
  padding: 50px 0 20px;
  background: url(../img-ppy/bg-pd.png) no-repeat 50% 50% / 100% auto;
}

.widge-pd {
  padding: 1rem;
  border-radius: 5px;
  border: 1px solid #dee2e6;
  background: #f8f9fa;
}

.widge-pd hr {
  border-bottom-color: #d8d8d8;
}

.widge-pd p {
  font-size: 14px;
}

.widge-pd .list-pd {
  list-style: inside disc;
  padding: 0 0 0 1rem;
}

.widge-pd .list-pd li {
  margin: 0;
}

.pd-content .box-hr {
  border: none;
}

.pd-footer img {
  max-width: 100px;
  margin: 10px 20px 10px 0;
}

/* none */
.screen-reader-text {
  display: none;
}

/* press */
.timeline {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}

.timeline .col-lg-2:after {
  content: '';
  background: #d8d8d8;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  z-index: 400;
}

.timeline .col-lg-10:before {
  content: ' ';
  background: #fff;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 2px solid #c60000;
  top: 1.1rem;
  left: -6px;
  width: 10px;
  height: 10px;
  z-index: 400;
}

.timeline p {
  margin: 0;
  padding: 1rem 1rem 0;
}

.timeline .date {
  font-size: 14px;
  text-align: right;
}

.timeline .year {
  font-size: 20px;
  font-weight: 700;
  text-align: right;
}

@media (max-width: 640px) {
  .banner-list {
    padding: 1rem 0 0;
  }

  .banner-list li span {
    height: 60px;
    line-height: 60px;
    font-size: 24px;
  }

  .banner-list li h4 {
    font-size: 14px;
  }

  .banner-txt {
    padding: 1rem 0 1rem;
  }

  .banner-txt h1 {
    height: 3rem;
  }

  .banner-txt p {
    font-size: 18px;
  }

  .timeline li {
    padding: 0 0 1rem;
  }

  .timeline .col-lg-2:after {
    display: none;
  }

  .timeline .col-lg-10:before {
    top: -15px;
    left: 1rem;
  }

  .timeline p {
    margin: 0;
    padding: 0 0 0 1rem;
  }

  .timeline .date,
  .timeline .year {
    text-align: left;
  }
  .part .title h2,
  .part .title h4 {
    font-size: 24px;
  }
  .card-saying p.lead {
    font-size: 16px;
  }
}

.tablepress img {
  width: auto;
  height: 100px!important;
  border-radius: 5px;
}

#slider-blog {
  height: 380px;
  border-radius: 5px;
  overflow: hidden;
}

#slider-blog
.carousel-item img {
  display: block;
  width: 100%;
  height: 100%;
}
#slider-blog .carousel-item {
  height: 380px;
  overflow: hidden;
}

#slider-blog
.carousel-caption {
  text-align: left;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 10px 10px 20px;
  background: rgba(0, 0, 0, 0.7);
}
#slider-blog h4 {
  margin: 0 0 0;
  font-size: 20px;
  font-weight: 700;
}
#slider-blog p {
  margin: 0;
  font-size: 14px;
}
#slider-blog
.carousel-indicators {
  margin-bottom: 5px;
}