body {
font-family: "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
p {
font-size: 16px;
color: #000000;
line-height:28px;
text-align:justify;
}
h3 {
font-size: 24px;
color: #000000;
font-weight: 500px; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
a {
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease; }
a, a:hover {
text-decoration: none !important; }
.content {
padding: 0% 0; }
h2 {
font-size: 20px; }
#social {
  --border: 1px;    /* the border width */
  --slant: 0.5em;   /* control the slanted corners */
  --color: #000000; /* the color */
font-size:14px;
  padding: 7px;
  border: none;
  cursor: pointer;
  font-weight: 400;
  color: var(--color);
  background: 
     linear-gradient(to bottom left,var(--color)  50%,#eeeeee 50.1%) top right,
     linear-gradient(to top   right,var(--color)  50%,#eeeeee 50.1%) bottom left;
  background-size: calc(var(--slant) + 1.3*var(--border)) calc(var(--slant) + 1.3*var(--border));
  background-repeat: no-repeat;
  box-shadow:
    0 0 0 200px inset var(--s,#0000),
    0 0 0 var(--border) inset var(--color);
  clip-path: 
      polygon(0 0, calc(100% - var(--slant)) 0, 100% var(--slant),
              100% 100%, var(--slant) 100%,0 calc(100% - var(--slant))
             );
  transition: color var(--t,0.3s), background-size 0.3s;
}
#social:focus-visible {
  outline-offset: calc(-1*var(--border));
  outline: var(--border) solid #000c;
  clip-path: none;
  background-size: 0 0;
}
#social:hover,
#social:active{
 background:#000000;
  background-size: 100% 100%;
  color: #ffffff;
  --t: 0.2s 0.1s;
}
#social:active {
  --s: #0005;
  transition: none;
}
/* Carousel 4*/
.testimony-29101 .image {
width: 50%;
height: 400px; 
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }

.testimony-29101 .text {
width: 50%;
padding: 6rem 5rem;
background: #fffff; font-weight:100px;}
.testimony-29101 .text blockquote {
position: relative;
padding-bottom: 50px;


}
.testimony-29101 .text .title {
font-size: 22px;
font-weight:bold;
}
.testimony-29101 .text p {
line-height:25px;
font-weight:300px;
}
.testimony-29101 .text blockquote .author {
font-size: 16px;
position: absolute;
bottom: 0; }
.slide-one-item .owl-nav .owl-prev,
.slide-one-item .owl-nav .owl-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #000; }
.slide-one-item .owl-nav .owl-prev span,
.slide-one-item .owl-nav .owl-next span {
font-size: 30px; 
width:40px;
height:40px;
line-height:40px;
background: #eeeeee;
border-radius:100%}
.slide-one-item .owl-nav .owl-prev:hover,
.slide-one-item .owl-nav .owl-next:hover {
color: #000; }
.slide-one-item .owl-nav .owl-prev:active, .slide-one-item .owl-nav .owl-prev:focus,
.slide-one-item .owl-nav .owl-next:active,
.slide-one-item .owl-nav .owl-next:focus {
outline: none; }
.slide-one-item .owl-nav .owl-prev {
left: 20px; }
.slide-one-item .owl-nav .owl-next {
right: 20px; }
.slide-one-item .owl-dots {
position: absolute;
bottom: 20px;
width: 100%;
left:25%;
text-align: center;
z-index: 2; }
.slide-one-item .owl-dots .owl-dot {
display: inline-block; }
.slide-one-item .owl-dots .owl-dot > span {
-webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
-o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
display: inline-block;
width: 15px;
height: 3px;
background: rgba(0, 123, 255, 0.4);
margin: 3px; }
.slide-one-item .owl-dots .owl-dot.active > span {
width: 15px;
background: #007bff; }


@media only screen and (device-width: 1024px) and (device-height: 1366px),
       only screen and (device-width: 1366px) and (device-height: 1024px) {
.content {
padding: 0% 0; 
margin:0}
.testimony-29101 .image {
width: 50%;
margin-top:-5% !important;
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;}

.testimony-29101 .text {
width: 50%;
padding: 0rem 3rem;
margin-top:3%;
background: #ffffff; font-weight:300;}
.testimony-29101 .text blockquote {
position: relative;
padding-bottom: 50px;

}
.testimony-29101 .text .title {
font-size: 18px;
font-weight:bold;
}
.testimony-29101 .text p {
line-height:23px;
font-weight:300;
font-size: 14px;
}
.testimony-29101 .text blockquote .author {
font-size: 14px;
position: absolute;
bottom: 0; }
.slide-one-item .owl-nav .owl-prev,
.slide-one-item .owl-nav .owl-next {
display:none }

.slide-one-item .owl-dots {
position: absolute;
bottom: 50px !important;
width: 100%;
left:25% !important;
text-align: center;
z-index: 2; }
.slide-one-item .owl-dots .owl-dot {
display: inline-block; }
.slide-one-item .owl-dots .owl-dot > span {
-webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
-o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
display: inline-block;
width: 15px;
height: 3px;
background: rgba(0, 123, 255, 0.4);
margin: 3px; }
.slide-one-item .owl-dots .owl-dot.active > span {
width: 15px;
background: #007bff; }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.content {
padding: 0% 0; 
margin:0}
.testimony-29101 .image {
width: 50%;
margin-top:-12%;
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;}

.testimony-29101 .text {
width: 50%;
padding: 0rem 3rem;
margin-top:3%;
background: #ffffff; font-weight:300;}
.testimony-29101 .text blockquote {
position: relative;
padding-bottom: 50px;

}
.testimony-29101 .text .title {
font-size: 18px;
font-weight:bold;
}
.testimony-29101 .text p {
line-height:23px;
font-weight:300;
font-size: 14px;
}
.testimony-29101 .text blockquote .author {
font-size: 14px;
position: absolute;
bottom: 0; }
.slide-one-item .owl-nav .owl-prev,
.slide-one-item .owl-nav .owl-next {
display:none }

.slide-one-item .owl-dots {
position: absolute;
bottom:20px;
width: 100%;
left:0;
text-align: center;
z-index: 2; }
.slide-one-item .owl-dots .owl-dot {
display: inline-block; }
.slide-one-item .owl-dots .owl-dot > span {
-webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
-o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
display: inline-block;
width: 15px;
height: 3px;
background: rgba(0, 123, 255, 0.4);
margin: 3px; }
.slide-one-item .owl-dots .owl-dot.active > span {
width: 15px;
background: #007bff; }
}
/*ipad 10.9*/
@media only screen and (device-width: 810px) and (device-height: 1080px) and (-webkit-min-device-pixel-ratio: 2) {

.slide-one-item .owl-dots {
position: absolute;
bottom: 40px !important;
width: 100%;
left:0;
text-align: center;
z-index: 2; }
}
/*ipad 10.9*/
@media only screen and (device-width: 820px) and (device-height: 1180px) and (-webkit-min-device-pixel-ratio: 2) {

.slide-one-item .owl-dots {
position: absolute;
bottom: 40px !important;
width: 100%;
left:0;
text-align: center;
z-index: 2; }
}
/* 手機格式調整*/
@media (max-width: 480px) {
.content {
margin: -20% 0; }
.testimony-29101 .image {
height: 300px; 
width: 100%;
background-size: cover;
background-position: center center;
}
.testimony-29101 .text
{ 
width: 100%;
padding: 7% 8% 0% 8%;
display: inline-block !important;
}
.testimony-29101 .text blockquote {
position: relative;
padding-bottom: 80px;
font-size: 14px; 
text-align:left;
}
.testimony-29101 .text blockquote .author {
font-size: 16px;
position: absolute;
bottom: 50px; }
.testimony-29101 .text blockquote .title {
font-size: 18px;
bottom: 10px;
font-weight:bold;
}
.slide-one-item .owl-dots {
position: absolute;
bottom: 30px;
width: 100%;
left:0;
text-align: center;
z-index: 2; }

.slide-one-item .owl-dots .owl-dot {
display: inline-block; }
.slide-one-item .owl-dots .owl-dot > span {
-webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
-o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
display: inline-block;
width: 15px;
height: 3px;
background: rgba(0, 123, 255, 0.4);
margin: 1px; }
.slide-one-item .owl-dots .owl-dot.active > span {
width: 15px;
background: #007bff; }

/*按鈕的上下位置*/
.slide-one-item .owl-nav .owl-prev,
.slide-one-item .owl-nav .owl-next {
position: absolute;
top: 30%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #000000; }
.slide-one-item .owl-nav .owl-prev span,
.slide-one-item .owl-nav .owl-next span {
width:40px;
height:40px;
line-height:40px;
font-size: 25px;
background: #eeeeee;
border-radius:100%}
.slide-one-item .owl-nav .owl-prev:hover,
.slide-one-item .owl-nav .owl-next:hover {
color: #000000;
}

/*按鈕的左右位置*/
.slide-one-item .owl-nav .owl-prev:active, .slide-one-item .owl-nav .owl-prev:focus,
.slide-one-item .owl-nav .owl-next:active,
.slide-one-item .owl-nav .owl-next:focus {
outline: none; }
.slide-one-item .owl-nav .owl-prev {
left: 20px; }
.slide-one-item .owl-nav .owl-next {
right: 20px; }
}