@charset "UTF-8";
.index-devices > section {
  padding: 0 10px;
}
@media (min-width: 768px) {
  .index-devices > section {
    padding: 0 30px;
  }
}

.jh-breadcrumb ol {
  display: table-row-group;
}
@media (min-width: 576px) {
  .jh-breadcrumb ol {
    display: flex;
  }
}

.jh-breadcrumb li {
  margin-bottom: 0.5rem;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
  top: 5.5rem;
}

.dropdown .dropdown-menu {
  text-align: center;
  border-color: transparent;
}
@media (min-width: 576px) {
  .dropdown .dropdown-menu {
    text-align: start;
  }
}

.dropdown-menu .dropdown-item:before {
  content: "◢";
  padding-right: 0.5rem;
}

.customer-story-body .ab_sg_text {
  text-align: justify;
  font-size: 1.2rem;
}

.ab_sg_md {
  position: relative;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}

div#abgne_marquee {
  position: relative;
  overflow: hidden;	/* 超出範圍的部份要隱藏 */
  width: 420px;
  height: 30px;
}
div#abgne_marquee ul, div#abgne_marquee li {
  margin: 0;
  padding: 0;
  list-style: none;
}
div#abgne_marquee ul {
  position: absolute;
}
div#abgne_marquee ul li a {
  display: block;
  overflow: hidden;	/* 超出範圍的部份要隱藏 */
  font-size:12px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
}

@media (min-width: 576px) {
  .ab_sg_md {
    position: absolute;
    bottom: 0;
  }
}

.ab_two_md {
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  height: 220px;
}

/*.ab__webeditor .row:nth-of-type(2) .sp{*/
/*  margin-bottom: 28px;*/
/*}*/
@media (min-width: 320px){
  .ab_two_md p{
    font-size: small;
  }
}@media (min-width: 360px){
  .ab_two_md p{
    font-size: medium;
  }
}
@media (min-width: 768px){
  .ab_two_md p{
    font-size: 1rem;
  }
}
@media (min-width: 992px){
  .ab_two_md p{
    font-size: 1.2rem;
  }
}


.ab_sg_md h3 {
  color: #c56703;
  font-weight: bolder;
}

.ab_sg_md p {
  color: #fff;
}

@media (min-width: 320px){
  .ab_sg_md p{
    font-size: small;
  }
}@media (min-width: 360px){
  .ab_sg_md p{
    font-size: medium;
  }
}@media (min-width: 768px){
  .ab_sg_md p{
    font-size: 1rem;
  }
}@media (min-width: 992px){
  .ab_sg_md p{
    font-size: 1.2rem;
  }
}

.ab_two_md h3 {
  color: #c56703;
  font-weight: bolder;
}

.ab_two_md h5 {
  font-weight: bolder;
}

.ab_two_md p {
  text-align: justify;

}

.news_card {
  -webkit-box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.5);
  margin-bottom: 2rem;
}

.news_card img {
  object-fit: cover;
  max-height: 200px;
}

.news_card:hover {
  -webkit-transform: translate(0, -10px);
  /* 區塊寬度 - 圖片寬度 */
  -moz-transform: translate(0, -10px);
  -o-transform: translate(0, -10px);
  transform: translate(0, -10px);
  -webkit-box-shadow: 0px 15px 5px 1px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0px 15px 5px 1px rgba(0, 0, 0, 0.26);
  box-shadow: 0px 15px 5px 1px rgba(0, 0, 0, 0.26);
}

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

.news_card .card-text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.contact_btn {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.content_block {
  width: 300px;
}
@media (min-width: 992px) {
  .content_block {
    width: 400px;
  }
}
@media (min-width: 1200px) {
  .content_block {
    width: 500px;
  }
}

.contact_img {
  display: none;
  background: url("../img/contact/bg.jpg") no-repeat;
  background-position: bottom;
  height: 950px;
}

.inx_titleList p{
  font-size: 3px;
}

@media (min-width: 768px) {
  .contact_img {
    display: block;
  }
}
.marquee {
  width: 420px;
  overflow: hidden;
  background: #e9eff0;
  padding: 6px;
}
@media (min-width: 1300px) {
  .index__ab__textblock {
    padding-left: 5rem;
  }
}


/*# sourceMappingURL=mainStyle.css.map */