@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSansTC-Thin.woff2) format("woff2"); }

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansTC-Light.woff2) format("woff2"); }

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansTC-Regular.woff2) format("woff2"); }

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSansTC-Medium.woff2) format("woff2"); }

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansTC-Bold.woff2) format("woff2"); }

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/NotoSansTC-Black.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Lato-Light.ttf) format("ttf"); }

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url(../fonts/Lato-LightItalic.ttf) format("ttf"); }

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Lato-Regular.ttf) format("ttf"); }

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/Lato-Italic.ttf) format("ttf"); }

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Lato-Bold.ttf) format("ttf"); }

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url(../fonts/Lato-BoldItalic.ttf) format("ttf"); }

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/Lato-Black.ttf) format("ttf"); }

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url(../fonts/Lato-BlackItalic.ttf) format("ttf"); }

@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/PT_Serif-Web-Regular.ttf) format("ttf"); }

@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/PT_Serif-Web-Italic.ttf) format("ttf"); }

@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/PPT_Serif-Web-Bold.ttf) format("ttf"); }

@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 700;
  src: url(../fonts/PT_Serif-Web-BoldItalic.ttf) format("ttf"); }

@-webkit-keyframes animation_scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  66.66% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); } }

@keyframes animation_scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  66.66% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); } }

@-webkit-keyframes rollInLeft {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rollInLeft {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeInUp0 {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0; }
  5.3% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fadeInUp0 {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0; }
  5.3% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0; }
  8.3% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0; }
  8.3% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes fadeInUp2 {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0; }
  3.3% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0; }
  8.33% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fadeInUp2 {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0; }
  3.3% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0; }
  8.33% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes typing {
  0% {
    width: 0; }
  10% {
    width: 100%; }
  100% {
    width: 100%; } }

@keyframes typing {
  0% {
    width: 0; }
  10% {
    width: 100%; }
  100% {
    width: 100%; } }

body {
  font-family: "Lato", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  color: #777777;
  overflow-x: hidden;
  margin: 0 auto;
  font-weight: 300;
  line-height: 1;
  font-size: 16px;
  webkit-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #f6f7f7; }

select, button, textarea, input, label {
  font-family: "Lato", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  outline: none; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidde;
  backface-visibility: hidde;
  webkit-backface-visibility: hidden; }

table {
  border-collapse: collapse; }

a {
  font-family: "Lato", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif; }

a, a:focus {
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: color 300ms;
  -moz-transition: color 300ms;
  -o-transition: color 300ms;
  transition: color 300ms;
  outline: none; }

a:hover,
a:focus {
  text-decoration: none; }

::-moz-selection {
  color: #fff;
  background: #FBC533; }

::selection {
  color: #fff;
  background: #FBC533; }

img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#gotop {
  display: none;
  position: fixed;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
  z-index: 999;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: url("../images/common/gotop.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 30px;
  height: 30px;
  font-size: 0em;
  transition-timing-function: ease;
  transition-duration: 0.3s;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  #gotop:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }

.navbar-brand > img {
  width: 155px; }

.navbar-toggle {
  margin-top: 12px;
  margin-bottom: 12px; }

@media (max-width: 1400px) {
  .navbar-default .nav li a {
    font-size: 16px; } }

@media (max-width: 991px) {
  .navbar-header {
    width: 100%; } }

@media (max-width: 991px) {
  .navbar-collapse {
    width: 100%; } }

.top-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 50px; }
  @media (max-width: 991px) {
    .top-social {
      display: none; } }
  .top-social--mb {
    display: none; }
    @media (max-width: 991px) {
      .top-social--mb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: auto;
        padding: 5px 0; } }
  .top-social__btn {
    width: 20px;
    height: 20px;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity !important;
    -o-transition-property: opacity !important;
    transition-property: opacity !important; }
    .top-social__btn:nth-child(n + 2) {
      margin-left: 15px; }
    .top-social__btn:hover {
      opacity: .7; }
    .top-social__btn img {
      width: 100%;
      height: 100%; }
  .top-social__link {
    border: 1px solid #fff;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    height: 30px;
    font-size: 1.0625em;
    font-weight: 300;
    color: #fff !important;
    padding: 0 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-color, background, color !important;
    -o-transition-property: border-color, background, color !important;
    transition-property: border-color, background, color !important; }
    @media (max-width: 991px) {
      .top-social__link {
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 8px; } }
    .top-social__link:hover {
      border-color: #FBC533;
      background: #FBC533;
      color: #231815 !important; }
    .top-social__link--mb {
      display: none; }
      @media (max-width: 991px) {
        .top-social__link--mb {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex; } }

.footer-cad {
  margin-top: 40px; }
  @media (max-width: 991px) {
    .footer-cad {
      margin-top: 15px; } }
  .footer-cad__title {
    font-weight: 400;
    font-size: 16px;
    color: #fff; }
  .footer-cad__link {
    display: block;
    width: 120px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 300;
    color: #000000;
    background: #FBC533;
    text-align: center;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    margin-top: 15px; }
    .footer-cad__link:hover {
      opacity: 0.8;
      color: #000 !important; }

.footer-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100% !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .footer-link__item {
    font-weight: 400;
    font-size: 16px;
    color: #F7F8F8 !important;
    display: block;
    width: 50%;
    margin-top: 25px; }
    @media (max-width: 991px) {
      .footer-link__item {
        margin-top: 15px; } }
    .footer-link__item:nth-child(1), .footer-link__item:nth-child(2) {
      margin-top: 0; }
    .footer-link__item:hover {
      color: #FBC533 !important; }
  @media (max-width: 991px) {
    .footer-link--mb {
      display: none; } }

.footer-contact__item {
  margin-top: 25px; }
  @media (max-width: 991px) {
    .footer-contact__item {
      margin-top: 15px; } }
  .footer-contact__item:nth-child(1) {
    margin-top: 0; }

.footer-contact__title {
  font-weight: 400;
  font-size: 16px;
  color: #F7F8F8; }

.footer-contact__text {
  font-weight: 300;
  font-size: 15px;
  color: #999999;
  margin-top: 10px;
  display: inline-block; }

.insidebanner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  height: 330px; }
  @media (max-width: 991px) {
    .insidebanner {
      height: 250px; } }
  .insidebanner::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75); }
  .insidebanner-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding-top: 150px; }
    @media (max-width: 991px) {
      .insidebanner-box {
        padding-top: 110px; } }

.page-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding-left: 66px;
  padding-right: 66px; }

.page-item--prev {
  position: absolute;
  top: 0;
  left: 0; }

.page-item--next {
  position: absolute;
  top: 0;
  right: 0; }

.page-item__controller {
  line-height: 28px;
  border: 1px solid #fff;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  font-weight: 400;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  padding: 0 10px;
  min-width: 66px;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, border-color !important;
  -o-transition-property: color, border-color !important;
  transition-property: color, border-color !important; }
  .page-item__controller:hover {
    color: #FBC533;
    border-color: #FBC533; }

.page-item__no {
  font-weight: 400;
  font-size: 17px;
  color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 30px; }
  .page-item__no--active {
    color: #FBC533; }

.ckeditor-body {
  font-size: 16px;
  line-height: 1.7;
  color: #C9CACA;
  font-weight: 300; }
  .ckeditor-body h1, .ckeditor-body h2, .ckeditor-body h3, .ckeditor-body h4, .ckeditor-body h5, .ckeditor-body h6, .ckeditor-body strong {
    font-weight: 500; }
  .ckeditor-body h1 {
    font-size: 24px; }
  .ckeditor-body h2 {
    font-size: 22px; }
  .ckeditor-body h3 {
    font-size: 20px; }
  .ckeditor-body h4 {
    font-size: 18px; }
  .ckeditor-body h5 {
    font-size: 15px; }
  .ckeditor-body h6 {
    font-size: 14px; }
  .ckeditor-body p {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #C9CACA;
    font-weight: 300;
    margin-bottom: 0;
    font-size: 16px; }
    .ckeditor-body p:first-child {
      padding-top: 0; }
    .ckeditor-body p:last-child {
      padding-bottom: 0; }
  .ckeditor-body img {
    max-width: 100%; }
  .ckeditor-body a {
    color: #FBC533;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color !important;
    -o-transition-property: color !important;
    transition-property: color !important; }
    .ckeditor-body a:hover {
      color: rgba(251, 197, 51, 0.8); }
  .ckeditor-body table {
    border-collapse: collapse;
    margin-right: auto;
    margin-left: auto; }
  .ckeditor-body th, .ckeditor-body td, .ckeditor-body table {
    border: 1px solid #C9CACA; }
  .ckeditor-body td {
    padding: 10px 5px;
    font-size: 14px; }
  .ckeditor-body ul li {
    list-style-type: disc;
    font-size: 14px; }
  .ckeditor-body ol li {
    list-style: decimal;
    font-size: 14px; }
  .ckeditor-body ul, .ckeditor-body ol {
    margin-left: 20px;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px; }
  .ckeditor-body blockquote {
    border-left: 6px solid #FBC533;
    background: transparent;
    color: #fff;
    padding: 10px 15px;
    margin-top: 15px;
    margin-bottom: 15px; }
    .ckeditor-body blockquote p {
      color: #C9CACA;
      font-size: 16px;
      padding-top: 0;
      padding-bottom: 0; }
  .ckeditor-body iframe {
    height: 450px; }
    @media (max-width: 991px) {
      .ckeditor-body iframe {
        height: 350px; } }
    @media (max-width: 575px) {
      .ckeditor-body iframe {
        height: 250px; } }
    @media (max-width: 479px) {
      .ckeditor-body iframe {
        height: 200px; } }

@media (max-width: 991px) {
  .indexbanner-block--pc {
    display: none; } }

.indexbanner-block--mb {
  display: none; }
  @media (max-width: 991px) {
    .indexbanner-block--mb {
      display: block; } }

.indexbanner-item {
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 999; }
  @media (max-width: 1199px) {
    .indexbanner-item {
      height: 600px; } }
  @media (max-width: 991px) {
    .indexbanner-item {
      height: 80vw; } }
  @media (max-width: 767px) {
    .indexbanner-item {
      max-height: auto; } }
  .indexbanner-item__head {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .indexbanner-item__body {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .indexbanner-item .container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -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;
    height: 100%; }
    @media (max-width: 767px) {
      .indexbanner-item .container {
        width: 100%; } }
  .indexbanner-item__box {
    width: 700px;
    height: 100%;
    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; }
    @media (max-width: 1199px) {
      .indexbanner-item__box {
        width: 600px; } }
    @media (max-width: 991px) {
      .indexbanner-item__box {
        width: 500px; } }
    @media (max-width: 767px) {
      .indexbanner-item__box {
        width: 100%;
        padding-top: 57px;
        padding-bottom: 40px; } }
  .indexbanner-item__title {
    width: 100%;
    overflow: hidden;
    color: #fff;
    text-align: left;
    font-size: 45px;
    font-weight: 300;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.2em;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2.4em; }
    @media (max-width: 1199px) {
      .indexbanner-item__title {
        font-size: 2em; } }
    @media (max-width: 767px) {
      .indexbanner-item__title {
        font-size: 1.375em; } }
    @media (max-width: 374px) {
      .indexbanner-item__title {
        font-size: 0.9375em; } }
    .indexbanner-item__title--yellow {
      color: #FBC533;
      font-weight: 700; }
  .indexbanner-item__text {
    width: 100%;
    color: #fff;
    text-align: left;
    font-size: 16px;
    margin-top: 25px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 1.5em;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 4.5em;
    opacity: 0; }
    @media (max-width: 1199px) {
      .indexbanner-item__text {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .indexbanner-item__text {
        margin-top: 15px;
        display: none; } }
  .indexbanner-item__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 140px;
    height: 45px;
    font-size: 17px;
    font-weight: 400;
    background: #FBC533;
    color: #222222;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    margin-top: 30px; }
    @media (max-width: 1199px) {
      .indexbanner-item__link {
        font-size: 14px;
        height: 40px;
        min-width: 120px; } }
    @media (max-width: 767px) {
      .indexbanner-item__link {
        margin-top: 15px; } }
    .indexbanner-item__link:hover {
      opacity: 0.8;
      color: #222222; }
  .indexbanner-item--animation .indexbanner-item__head {
    -webkit-animation: animation_scale 15s ease;
    animation: animation_scale 15s ease; }
  .indexbanner-item--animation .indexbanner-item__title {
    -webkit-animation: fadeInUp0 15s;
    animation: fadeInUp0 15s; }
  .indexbanner-item--animation .indexbanner-item__text {
    -webkit-animation: fadeInUp 15s ease;
    animation: fadeInUp 15s ease; }
  .indexbanner-item--animation .indexbanner-item__link {
    -webkit-animation: fadeInUp2 15s ease;
    animation: fadeInUp2 15s ease; }
  .indexbanner-item--show .indexbanner-item__head {
    -webkit-animation: animation_scale 15s ease;
    animation: animation_scale 15s ease; }
  .indexbanner-item--show .indexbanner-item__title {
    width: 100%; }
  .indexbanner-item--show .indexbanner-item__text {
    opacity: 1; }
  .indexbanner-item--show .indexbanner-item__link {
    opacity: 1; }

.indexbanner .slick-prev {
  left: 0px; }

.indexbanner .slick-next {
  right: 0px; }

.indexbanner .slick-next, .indexbanner .slick-prev {
  width: 30px;
  height: 110px;
  z-index: 1;
  font-size: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background-color: rgba(0, 0, 0, 0.5);
  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;
  top: calc(50% - 0px); }
  @media (max-width: 767px) {
    .indexbanner .slick-next, .indexbanner .slick-prev {
      height: 60px; } }

.indexbanner .slick-next:hover, .indexbanner .slick-prev:hover {
  opacity: 0.8; }

.indexbanner .slick-prev:before {
  color: transparent;
  opacity: 1;
  background: url("../images/arrow-prev.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8px auto; }

.indexbanner .slick-next:before {
  color: transparent;
  opacity: 1;
  background-image: url("../images/arrow-next.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8px auto; }

.indexbanner .slick-next.slick-disabled, .indexbanner .slick-prev.slick-disabled {
  opacity: 0;
  display: none;
  width: 0;
  height: 0; }
  .indexbanner .slick-next.slick-disabled:before, .indexbanner .slick-prev.slick-disabled:before {
    display: none; }

.indexbanner .slick-dots {
  bottom: 30px; }
  @media (max-width: 575px) {
    .indexbanner .slick-dots {
      bottom: 10px; } }

.indexbanner .slick-dots li {
  width: auto;
  height: auto; }

.indexbanner .slick-dots li button {
  padding: 0;
  width: 15px;
  height: 15px; }
  @media (max-width: 991px) {
    .indexbanner .slick-dots li button {
      width: 10px;
      height: 10px; } }
  .indexbanner .slick-dots li button:before {
    color: #fff;
    opacity: 1;
    content: "";
    width: 15px;
    height: 15px;
    background: rgba(255, 255, 255, 0.5);
    display: block;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
    @media (max-width: 991px) {
      .indexbanner .slick-dots li button:before {
        width: 10px;
        height: 10px; } }

.indexbanner .slick-dots li.slick-active button {
  border: 2px solid #fff;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 100%;
  border-radius: 100%; }
  @media (max-width: 991px) {
    .indexbanner .slick-dots li.slick-active button {
      width: 10px;
      height: 10px;
      border: 1px solid #fff; } }
  .indexbanner .slick-dots li.slick-active button:before {
    width: 6px;
    height: 6px;
    background: white;
    margin: 7px; }
    @media (max-width: 991px) {
      .indexbanner .slick-dots li.slick-active button:before {
        width: 2px;
        height: 2px;
        margin: 4px; } }

.indexbanner .slick-dotted.slick-slider {
  margin-bottom: 0; }

.title-font {
  font-family: "PT Serif", "Noto Serif TC", sans-serif !important; }

#section-about p {
  font-family: "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif; }

.indexproxy-icon img {
  width: 31px; }

.indexproduct {
  padding-top: 40px;
  padding-bottom: 40px; }
  .indexproduct-img {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    .indexproduct-img:before {
      content: "";
      display: block;
      padding-bottom: 134.375%; }
      @media (max-width: 991px) {
        .indexproduct-img:before {
          padding-bottom: 100%; } }

.indexabout {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%; }
  @media (max-width: 991px) {
    .indexabout {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .indexabout-left {
    width: calc(100% - 520px);
    padding-right: 80px; }
    @media (max-width: 1199px) {
      .indexabout-left {
        width: calc(100% - 450px);
        padding-right: 40px; } }
    @media (max-width: 991px) {
      .indexabout-left {
        width: 100%;
        padding-right: 0; } }
  .indexabout-right {
    width: 540px;
    margin-left: -10px;
    margin-right: -10px; }
    @media (max-width: 1199px) {
      .indexabout-right {
        width: 470px; } }
    @media (max-width: 991px) {
      .indexabout-right {
        width: calc(100% + 20px);
        padding-top: 20px; } }

@media (max-width: 991px) {
  #section-about h3 {
    float: none; } }

@media (max-width: 991px) {
  .indexabout-titlebox {
    width: 420px; } }

@media (max-width: 479px) {
  .indexabout-titlebox {
    width: auto; } }

.serv-img-main {
  width: calc(50% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px; }
  .serv-img-main:nth-child(1), .serv-img-main:nth-child(2) {
    margin-top: 0; }

@media (max-width: 991px) {
  .indexservices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; } }

.about-title {
  color: #fff;
  font-size: 27px;
  font-weight: 500; }

.about-text {
  color: #C9CACA;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.7;
  margin-top: 25px;
  margin-bottom: 0;
  text-align: justify; }

.about-services__icon {
  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; }
  .about-services__icon img {
    width: 22px; }

@media (min-width: 992px) {
  .agileinfo_services_grids {
    margin-left: -22px;
    margin-right: -22px; }
  .agileinfo_services_grid {
    padding-left: 22px;
    padding-right: 22px; } }

@media (max-width: 991px) {
  .agileinfo_services_grid {
    padding-left: 0;
    padding-right: 0;
    margin-top: 50px; }
    .agileinfo_services_grid:first-child {
      margin-top: 0; } }

.case {
  padding: 60px 0; }
  @media (max-width: 991px) {
    .case {
      padding: 40px 0; } }
  .case-block {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (max-width: 575px) {
      .case-block {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
  .case-item {
    width: calc(33.33% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 30px;
    position: relative;
    margin-top: 30px; }
    .case-item:nth-child(1) {
      margin-top: 0; }
    .case-item:nth-child(2) {
      margin-top: 0; }
    .case-item:nth-child(3) {
      margin-top: 0; }
    @media (max-width: 991px) {
      .case-item {
        width: calc(50% - 30px); }
        .case-item:nth-child(3) {
          margin-top: 30px; } }
    @media (max-width: 575px) {
      .case-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0; }
        .case-item:nth-child(2) {
          margin-top: 30px; } }
    .case-item::before {
      content: "";
      display: block;
      padding-bottom: 60.01%; }
    .case-item:hover .case-item__overlay {
      opacity: 1; }
    .case-item__overlay {
      position: absolute;
      top: 30px;
      left: 30px;
      z-index: 1;
      width: calc(100% - 60px);
      height: calc(100% - 60px);
      background: rgba(0, 0, 0, 0.8);
      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;
      padding: 25px;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }
      @media (max-width: 991px) {
        .case-item__overlay {
          opacity: 1; } }
    .case-item__title {
      font-size: 17px;
      font-weight: 400;
      color: #fff;
      text-align: center; }
    .case-item__text {
      font-size: 14px;
      font-weight: 300;
      color: #C9CACA;
      text-align: center;
      margin-top: 15px;
      line-height: 1.7; }

.product {
  text-align: center;
  background: #19191A;
  padding: 60px 0; }
  @media (max-width: 991px) {
    .product {
      padding: 40px 0; } }
  .product-block {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px; }
    @media (max-width: 575px) {
      .product-block {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
  .product-item {
    width: calc(33.33% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
    margin-top: 30px; }
    .product-item:nth-child(1) {
      margin-top: 0; }
    .product-item:nth-child(2) {
      margin-top: 0; }
    .product-item:nth-child(3) {
      margin-top: 0; }
    @media (max-width: 991px) {
      .product-item {
        width: calc(50% - 30px); }
        .product-item:nth-child(3) {
          margin-top: 30px; } }
    @media (max-width: 575px) {
      .product-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0; }
        .product-item:nth-child(2) {
          margin-top: 30px; } }
    .product-item::before {
      content: "";
      display: block;
      padding-bottom: 67.5%; }
    .product-item::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      background: -webkit-linear-gradient(315deg, #e8b230 0%, #e25d13 76%, #e25d13 100%);
      background: -o-linear-gradient(315deg, #e8b230 0%, #e25d13 76%, #e25d13 100%);
      background: linear-gradient(135deg, #e8b230 0%, #e25d13 76%, #e25d13 100%);
      opacity: 0.6;
      width: calc(100% + 2px);
      height: 100%;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }
      @media (max-width: 991px) {
        .product-item::after {
          opacity: 0.6; } }
    .product-item__overlay {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      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;
      padding: 20px;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }
      @media (max-width: 991px) {
        .product-item__overlay {
          opacity: 1; } }
    .product-item__name {
      background: rgba(35, 24, 21, 0.7);
      border: 1px solid rgba(255, 255, 255, 0.7);
      padding: 10px 15px;
      font-size: 16px;
      font-weight: 400;
      color: #fff;
      display: inline-block;
      line-height: 1.2; }
    .product-item:hover::after {
      opacity: 0.6; }
    .product-item:hover .product-item__overlay {
      opacity: 1; }
  .product-nav {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
    .product-nav__item {
      font-size: 17px;
      font-weight: 400;
      color: #fff;
      background: #020202;
      line-height: 40px;
      padding: 0 20px;
      margin-left: 2px;
      margin-right: 2px;
      margin-bottom: 6px; }
      .product-nav__item::after {
        content: "";
        display: block;
        width: calc(100% + 40px);
        margin-left: -20px;
        height: 4px;
        background: transparent;
        border-bottom: 2px solid transparent; }
      .product-nav__item--active {
        background: #FBC533; }
        .product-nav__item--active::after {
          background: #020202;
          border-bottom: 2px solid #FBC533; }
        .product-nav__item--active:hover {
          color: #fff !important; }
  .product-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin-top: 30px;
    padding-top: 25px; }

.insideproduct {
  padding: 60px 0; }
  @media (max-width: 991px) {
    .insideproduct {
      padding: 40px 0; } }
  .insideproduct-head {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%; }
    @media (max-width: 991px) {
      .insideproduct-head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }
  .insideproduct-img {
    width: calc(100% - 385px); }
    @media (max-width: 991px) {
      .insideproduct-img {
        width: 100%;
        padding-top: 20px; } }
    .insideproduct-img img {
      max-width: 100%; }
  .insideproduct-info {
    width: 385px;
    padding-left: 40px; }
    @media (max-width: 991px) {
      .insideproduct-info {
        width: 100%;
        padding-left: 0; } }
    .insideproduct-info__title {
      font-size: 25px;
      color: #F7F8F8;
      font-weight: 400;
      line-height: 1.2; }
      @media (max-width: 767px) {
        .insideproduct-info__title {
          font-size: 20px; } }
    .insideproduct-info__text {
      font-size: 16px;
      color: #C9CACA;
      font-weight: 300;
      line-height: 1.7;
      margin-top: 30px; }
      @media (max-width: 991px) {
        .insideproduct-info__text {
          margin-top: 20px; } }
    .insideproduct-info__other {
      margin-top: 40px; }
      @media (max-width: 991px) {
        .insideproduct-info__other {
          margin-top: 20px; } }
  .insideproduct-detail__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #FFFFFF; }
    .insideproduct-detail__item:first-child {
      padding-top: 0; }
  .insideproduct-detail__title {
    font-size: 17px;
    color: #FFFFFF;
    font-weight: 400;
    min-width: 115px; }
    .insideproduct-detail__title i {
      color: #FBC533;
      margin-right: 5px; }
  .insideproduct-detail__right {
    font-size: 16px;
    color: #C9CACA;
    font-weight: 400; }
  .insideproduct-social {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .insideproduct-social__item {
      width: 25px;
      height: 16px;
      display: block;
      -webkit-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      transition-timing-function: ease;
      -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-property: background-image !important;
      -o-transition-property: background-image !important;
      transition-property: background-image !important;
      margin-left: 20px; }
      .insideproduct-social__item:first-child {
        margin-left: 0; }
      .insideproduct-social__item--fb {
        background-size: 100px 100px;
        background-repeat: no-repeat;
        background-image: url("../images/icon.png?1025");
        background-position: 0 0; }
        .insideproduct-social__item--fb:hover {
          background-size: 100px 100px;
          background-repeat: no-repeat;
          background-image: url("../images/icon.png?1025");
          background-position: 0 -16px; }
      .insideproduct-social__item--twitter {
        background-size: 100px 100px;
        background-repeat: no-repeat;
        background-image: url("../images/icon.png?1025");
        background-position: -25px 0; }
        .insideproduct-social__item--twitter:hover {
          background-size: 100px 100px;
          background-repeat: no-repeat;
          background-image: url("../images/icon.png?1025");
          background-position: -25px -16px; }
      .insideproduct-social__item--line {
        background-size: 100px 100px;
        background-repeat: no-repeat;
        background-image: url("../images/icon.png?1025");
        background-position: -50px 0; }
        .insideproduct-social__item--line:hover {
          background-size: 100px 100px;
          background-repeat: no-repeat;
          background-image: url("../images/icon.png?1025");
          background-position: -50px -16px; }
  .insideproduct-body {
    padding-top: 90px; }
    @media (max-width: 991px) {
      .insideproduct-body {
        padding-top: 30px; } }
    .insideproduct-body__title {
      font-size: 28px;
      font-weight: 400;
      color: #F7F8F8; }
      @media (max-width: 767px) {
        .insideproduct-body__title {
          font-size: 25px; } }
    .insideproduct-body__block {
      padding-top: 25px; }
  .insideproduct-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin-top: 30px;
    padding-top: 25px; }
    @media (max-width: 991px) {
      .insideproduct-footer {
        margin-top: 20px;
        padding-top: 20px; } }
    .insideproduct-footer__item {
      line-height: 30px;
      border: 1px solid #fff;
      -webkit-border-radius: 30px;
      border-radius: 30px;
      font-weight: 400;
      font-size: 13px;
      color: #fff;
      display: inline-block;
      padding: 0 10px;
      -webkit-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      transition-timing-function: ease;
      -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-property: color, border-color !important;
      -o-transition-property: color, border-color !important;
      transition-property: color, border-color !important; }
      .insideproduct-footer__item:hover {
        color: #FBC533;
        border-color: #FBC533; }

.news {
  padding: 60px 0; }
  @media (max-width: 991px) {
    .news {
      padding: 40px 0; } }
  .news-block {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (max-width: 575px) {
      .news-block {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
  .news-item {
    width: calc(50% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
    margin-top: 50px; }
    .news-item:nth-child(1) {
      margin-top: 0; }
    .news-item:nth-child(2) {
      margin-top: 0; }
    @media (max-width: 575px) {
      .news-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 30px; }
        .news-item:nth-child(2) {
          margin-top: 30px; } }
    .news-item__title {
      font-size: 18px;
      font-weight: 400;
      color: #FBC533;
      line-height: 1.2em;
      display: -webkit-box;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      max-height: 1.2em;
      -webkit-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }
      .news-item__title:hover {
        opacity: 0.8; }
    .news-item__date {
      font-size: 14px;
      font-weight: 400;
      color: #FFFFFF;
      margin-top: 10px; }
    .news-item__img {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      display: block;
      -webkit-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      margin-top: 15px; }
      .news-item__img::before {
        content: "";
        display: block;
        padding-bottom: 80%; }
      .news-item__img:hover {
        opacity: 0.8; }
    .news-item__text {
      font-size: 14px;
      font-weight: 400;
      color: #C9CACA;
      word-wrap: break-word;
      line-height: 1.7em;
      display: -webkit-box;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      max-height: 5.1em;
      margin-top: 20px; }
    .news-item__btn {
      margin-top: 20px;
      font-size: 16px;
      font-weight: 400; }
  .news-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin-top: 30px;
    padding-top: 25px; }

.insidenews {
  padding: 60px 0; }
  @media (max-width: 991px) {
    .insidenews {
      padding: 40px 0; } }
  .insidenews-head__title {
    font-size: 25px;
    font-weight: 400;
    color: #FBC533;
    line-height: 1.2; }
    @media (max-width: 767px) {
      .insidenews-head__title {
        font-size: 20px; } }
  .insidenews-head__date {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 15px; }
    @media (max-width: 767px) {
      .insidenews-head__date {
        margin-top: 10px; } }
  .insidenews-body {
    padding-top: 30px; }
  .insidenews-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin-top: 30px;
    padding-top: 25px; }
    .insidenews-footer__item {
      line-height: 30px;
      border: 1px solid #fff;
      -webkit-border-radius: 30px;
      border-radius: 30px;
      font-weight: 400;
      font-size: 13px;
      color: #fff;
      display: inline-block;
      padding: 0 10px;
      -webkit-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      transition-timing-function: ease;
      -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-property: color, border-color !important;
      -o-transition-property: color, border-color !important;
      transition-property: color, border-color !important; }
      .insidenews-footer__item:hover {
        color: #FBC533;
        border-color: #FBC533; }

.contact {
  padding-top: 60px; }
  @media (max-width: 991px) {
    .contact {
      padding: 40px 0; } }
  .contact-block {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    @media (max-width: 991px) {
      .contact-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }
  .contact-left {
    width: calc(100% - 350px); }
    @media (max-width: 991px) {
      .contact-left {
        width: 100%;
        padding-top: 30px; } }
  .contact-right {
    width: 350px;
    padding-left: 30px; }
    @media (max-width: 991px) {
      .contact-right {
        width: 100%;
        padding-left: 0; } }
  .contact-title {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px; }
  .contact-info__item {
    font-size: 14px;
    font-weight: 300;
    color: #C9CACA !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .contact-info__item:first-child {
      padding-top: 0; }
    .contact-info__item--highlight {
      color: #FBC533;
      font-size: 16px;
      line-height: 20px;
      margin-right: 5px; }
    .contact-info__item a {
      color: #C9CACA !important; }
  .contact-map {
    padding-top: 60px; }
    .contact-map iframe {
      width: 100%;
      height: 450px; }
      @media (max-width: 767px) {
        .contact-map iframe {
          height: 350px; } }

.form-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.form-col:first-child {
  width: 230px; }
  @media (max-width: 767px) {
    .form-col:first-child {
      width: 100%; } }

.form-col:nth-child(2) {
  width: calc(100% - 230px);
  padding-left: 25px; }
  @media (max-width: 767px) {
    .form-col:nth-child(2) {
      width: 100%;
      padding-left: 0;
      padding-top: 20px; } }

.form-col:last-child {
  width: 100%;
  padding-top: 15px; }
  @media (max-width: 767px) {
    .form-col:last-child {
      padding-top: 20px; } }

.form-item {
  width: 100%;
  margin-top: 20px; }
  .form-item:first-child {
    margin-top: 0; }
  .form-item--active .form-item__input, .form-item--active .form-item__textarea {
    border: 1px solid #c6021f; }
  .form-item--active .form-item__msg {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .form-item__msg {
    font-size: 0.875em;
    color: #c6021f;
    line-height: 1;
    display: none;
    font-weight: 300;
    margin-top: 5px; }
  .form-item__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 40px;
    font-size: 1em;
    line-height: 1.5;
    color: #727171;
    font-weight: 300;
    background: #141516;
    border: #111111 1px solid;
    border-radius: 0px;
    padding: 0px 15px;
    outline: none;
    margin-bottom: 0; }
    .form-item__input:focus {
      outline: none; }
    .form-item__input:-moz-placeholder {
      color: #727171; }
    .form-item__input:-ms-input-placeholder {
      color: #727171; }
    .form-item__input::-moz-placeholder {
      color: #727171; }
    .form-item__input::-webkit-input-placeholder {
      color: #727171; }
  .form-item__textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    font-size: 1em;
    line-height: 1.5;
    color: #727171;
    font-weight: 300;
    background: #141516;
    border: #111111 1px solid;
    padding: 10px 15px;
    height: 165px;
    resize: none;
    overflow: auto;
    outline: none;
    border-radius: 0px; }
    .form-item__textarea:focus {
      outline: none; }

.form-btn {
  background: #FBC533;
  color: #000000;
  font-size: 14px;
  font-weight: 300;
  width: 120px;
  line-height: 35px;
  text-align: center;
  display: inline-block;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .form-btn:hover {
    color: #000000  !important;
    opacity: 0.8; }