.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;  
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
/* change transition duration to control the speed of fade effect */
.carousel-item {
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
transition: opacity 0s 2.6s;
}
.carousel-fade .carousel-control {
z-index: 2;
} 
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} 


.carousel-caption {
}
.carousel-caption h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 32px;
font-weight: bold;
text-transform:uppercase;
text-align:left;
margin: 200px 20px 10px 26px;
}
.carousel-caption p {
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:20px;
text-transform:lowercase;
font-weight:400;
text-align:left;
margin: -15px 0px 10px 26px;
letter-spacing:1px;
border-radius: 300px;
}
.item:nth-child(1) {
background: url('../images/banner_01.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
clip-path: polygon(0 0, 100% 0, 100% 45%, 100% 90%, 50% 100%, 0 93%);
min-height:800px;
}
.item:nth-child(2) {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background: -webkit-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.1)), url(../images/banner_02.jpg) no-repeat 0px 5px;
background: -moz-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.1)), url(../images/banner_02.jpg) no-repeat 0px 5px;
background: -ms-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.1)), url(../images/banner_02.jpg) no-repeat 0px 5px;
background: linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.1)), url(../images/banner_02.jpg) no-repeat 0px 5px;
clip-path: polygon(0 0, 100% 0, 100% 45%, 100% 90%, 50% 100%, 0 93%);
min-height:800px;
}
.item:nth-child(3) {
background: url('../images/banner_03.jpeg') ;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
clip-path: polygon(0 0, 100% 0, 100% 45%, 100% 90%, 50% 100%, 0 93%);
min-height:800px;
}

.item:nth-child(4) {
background: url('../images/banner_05.jpeg') ;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
clip-path: polygon(0 0, 100% 0, 100% 45%, 100% 90%, 50% 100%, 0 93%);
min-height:800px;
}


/************************/
/***** Sleek Slider *****/
/************************/
.sleekslider {
width: 100%;
height:800px;
position: relative;
display: block;
overflow: hidden;
}
.sleekslider .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 800px;
background-repeat: no-repeat;
background-position: center center;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
z-index: 1;
content: "";
}
.sleekslider .slide.active { z-index: 3;
-webkit-transition:  1s all ease; -moz-transition: all 1s ease;transition: all .2s ease;
}
.sleekslider .tab-container {
font-family: 'Loto', sans-serif;
max-width: 1200px;
margin: 0 auto;
}
.sleekslider .slide-container {
max-width: 1200px;
margin: 0 auto;
position: relative;
height: 100%;
}
/*****文字說明的位置調整 *****/
.sleekslider .slide-content {
z-index: 50;
position: absolute;
bottom: 46%;
left: 20%;
padding: 0 20px;
}
/*****************************/
/***** Navigation Arrows *****/
/*****************************/
nav.nav-split .icon-wrap {
position: relative;
display: block;
padding: 46px 10px;
}
nav.nav-split svg.icon {
-webkit-transition: -webkit-transform 4.3s 0.3s;
transition: transform 0.3s 0.3s;
fill: #fff;
}
nav.nav-split div {
position: absolute;
top: 0;
width: 200px;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
-webkit-transition: -webkit-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
-webkit-perspective: 1000px;
perspective: 1000px;
}
nav.nav-split a {
position: absolute;
top: 50%;
display: block;
outline: none;
text-align: left;
z-index: 1000;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
nav.nav-split a svg {
display: block;
margin: 0 auto;
padding: 0;
}
nav.nav-split a.prev { left: 0; }
nav.nav-split a.prev div {
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
nav.nav-split a.prev:hover svg.icon {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
nav.nav-split a.next { right: 0; }
nav.nav-split a.next div {
right: 0;
text-align: right;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
nav.nav-split a.next:hover svg.icon {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
nav.nav-split a:hover svg.icon {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
nav.nav-split a:hover div {
-webkit-transform: translateX(0);
transform: translateX(0);
}
nav.nav-split a:hover h3 {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
font-weight: bold;
}
nav.nav-split h3 {
position: absolute;
top: 100%;
margin: 0;
padding: 0px;
width: 100%;
height: 30%;
background-color: rgba(100, 100, 100, 0);
color: #fff;
text-transform: lowercase;
white-space: nowrap;
letter-spacing: 0px;
font-weight: 600;
font-size: 1em;
line-height: 3;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webki-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius:0px;
text-align:center
}
nav.nav-split img {
position: absolute;
top: 0;
left: 0;
width: 100%;
border: 10px solid transparent;
opacity:0.8;
}
/**********************/
/***** Pagination *****/
/**********************/
nav.pagination {
position: absolute;
bottom: 20%;
text-align: center;
width: 100%;
z-index: 10;
left:-1%;
}
nav.pagination span {
width: 12px;
height: 12px;
display: inline-block;
background-color: transparent;
box-shadow: inset 0 0 0 2px white;
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 3px;
cursor: pointer;
}
nav.pagination span.current { box-shadow: inset 0 0 0 8px #ffffff; }
nav.pagination span:hover { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6); }
/**********************/
/***** Pagination *****/
/**********************/
nav.tabs {
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
z-index: 10;
background-color: rgba(10,10,10,0.6);
}
nav.tabs ul {
margin: 0;
list-style: none;
}
nav.tabs ul li {
float: left;
width: 20%;
font-size: 16px;
position: relative;
padding: 0;
text-align: left;
height: 58px;
font-weight: 500;
margin: 0;
}
nav.tabs ul li.current a {
background-color: rgba(100,100,100,0.2);
top: -25px;
height: 83px;
padding-top: 25px;
}
nav.tabs ul li a {
color: #fff;
text-decoration: none;
position: absolute;
top: 0;
left: 10px;
z-index: 20;
width: 100%;
height: 58px;
padding-left: 20px;
padding-top: 20px;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
letter-spacing:1px;
}
nav.tabs ul li a:visited { color: #fff; }
nav.tabs ul li a:focus { color: #fff; }
nav.tabs ul li a:hover { color: #fff; }
nav.tabs ul li a:active { color: #fff; }
nav.tabs ul li a span {
color: #171b1d;
}
nav.tabs ul li a span:visited { color: #a2680c; }
nav.tabs ul li a span:focus { color: #a2680c; }
nav.tabs ul li a span:hover {
color: #26bdef;
}
nav.tabs ul li a span:active { color: #a2680c; }
nav.tabs ul li a:hover {background-color: rgba(100,100,100,0.2); }
.slide-content h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 32px;
font-weight: bold;
text-transform:uppercase;
text-align:left;
margin: 75px 20px 10px 26px;
}
.slide-content p {
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:20px;
text-transform:lowercase;
font-weight:400;
text-align:left;
margin: -10px 0px 10px 28px;
border-radius: 300px;
}
@media only screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

 .item:nth-child(1) {
    background: url('../images/banner_01.jpg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(2) {
    background: url('../images/banner_02.jpg');
    background-size: 100%;
    background-position: center -60px !important;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(3) {
    background: url('../images/banner_03_1.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
     .item:nth-child(4) {
    background: url('../images/banner_05.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  /*	調整手機dots的點*/
#o_carousel-indicators {
position: absolute;
bottom: 15%;
left: 53%;
z-index: 15;
padding-left: 0;
text-align: center;
list-style: none;
}
/*	調整手機dots的點的距離跟大小*/
#o_carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
#o_carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
#oleft
{
position: absolute;
top: 50%;
left: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
#oright
{
position: absolute;
top: 50%;
right: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
.carousel-caption h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 30px;
font-weight: bold;
text-transform:uppercase;
text-align:left;
margin: 7% 0px 2% -5% !important;
}
.carousel-caption p {
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:20px;
line-height:15px;
font-weight:400;
text-align:left;
margin: -2% 0px 2% -5%;
letter-spacing: 0px;
border-radius: 300px;
}
.sleekslider .slide-content {
z-index: 50;
position: absolute;
bottom: 38%;
left: 0%;
padding: 0 20px;
}
.slide-content h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 20px;
font-weight: 600px;
text-transform:uppercase;
text-align:left;
padding: 0px 0px 0px 0px;
}
.slide-content p {
font-family: 'Heebo', sans-serif;
color:#fff;
font-size:14px;
text-transform:lowercase;
font-weight:400;
text-align:left;
margin: -10px 0px 0px 25px;
background: rgba(208, 210, 218, 0.22);
border-radius: 300px;
}
nav.nav-split .icon-wrap {
display:none
}
}
@media only screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {


 .item:nth-child(1) {
    background: url('../images/banner_01.jpg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(2) {
    background: url('../images/banner_02.jpg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(3) {
    background: url('../images/banner_03_1.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
     .item:nth-child(4) {
    background: url('../images/banner_05.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  /*	調整手機dots的點*/
#o_carousel-indicators {
position: absolute;
bottom: 15%;
left: 53%;
z-index: 15;
padding-left: 0;
text-align: center;
list-style: none;
}
/*	調整手機dots的點的距離跟大小*/
#o_carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
#o_carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
#oleft
{
position: absolute;
top: 50%;
left: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
#oright
{
position: absolute;
top: 50%;
right: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
.carousel-caption h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 30px;
font-weight: bold;
text-transform:uppercase;
text-align:left;
margin: 9% 0px 2% -5% !important;
}
.carousel-caption p {
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:20px;
line-height:15px;
font-weight:400;
text-align:left;
margin: -2% 0px 2% -5%;
letter-spacing: 0px;
border-radius: 300px;
}
.sleekslider .slide-content {
z-index: 50;
position: absolute;
bottom: 38%;
left: 0%;
padding: 0 20px;
}
.slide-content h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 20px;
font-weight: 600px;
text-transform:uppercase;
text-align:left;
padding: 0px 0px 0px 0px;
}
.slide-content p {
font-family: 'Heebo', sans-serif;
color:#fff;
font-size:14px;
text-transform:lowercase;
font-weight:400;
text-align:left;
margin: -10px 0px 0px 25px;
background: rgba(208, 210, 218, 0.22);
border-radius: 300px;
}
nav.nav-split .icon-wrap {
display:none
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)  {
  .item:nth-child(1) {
    background: url('../images/banner_01.jpg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(2) {
    background: url('../images/banner_02.jpg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(3) {
    background: url('../images/banner_03_1.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
     .item:nth-child(4) {
    background: url('../images/banner_05.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  /*	調整手機dots的點*/
#o_carousel-indicators {
position: absolute;
bottom: 15%;
left: 53%;
z-index: 15;
padding-left: 0;
text-align: center;
list-style: none;
}
/*	調整手機dots的點的距離跟大小*/
#o_carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
#o_carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
#oleft
{
position: absolute;
top: 50%;
left: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
#oright
{
position: absolute;
top: 50%;
right: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
.carousel-caption h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 30px;
font-weight: bold;
text-transform:uppercase;
text-align:left;
margin: 9% 0px 2% -5%;
}
.carousel-caption p {
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:20px;
line-height:15px;
font-weight:400;
text-align:left;
margin: -2% 0px 2% -5%;
letter-spacing: 0px;
border-radius: 300px;
}
.sleekslider .slide-content {
z-index: 50;
position: absolute;
bottom: 38%;
left: 0%;
padding: 0 20px;
}
.slide-content h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 20px;
font-weight: 600px;
text-transform:uppercase;
text-align:left;
padding: 0px 0px 0px 0px;
}
.slide-content p {
font-family: 'Heebo', sans-serif;
color:#fff;
font-size:14px;
text-transform:lowercase;
font-weight:400;
text-align:left;
margin: -10px 0px 0px 25px;
background: rgba(208, 210, 218, 0.22);
border-radius: 300px;
}
nav.nav-split .icon-wrap {
display:none
}
}
/*調整ipad 9.7*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)  {
  .item:nth-child(1) {
    background: url('../images/banner_01.jpg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(2) {
    background: url('../images/banner_02.jpg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(3) {
    background: url('../images/banner_03_1.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
     .item:nth-child(4) {
    background: url('../images/banner_05.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  /*	調整手機dots的點*/
#o_carousel-indicators {
position: absolute;
bottom: 15%;
left: 53%;
z-index: 15;
padding-left: 0;
text-align: center;
list-style: none;
}
/*	調整手機dots的點的距離跟大小*/
#o_carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
#o_carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
#oleft
{
position: absolute;
top: 50%;
left: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
#oright
{
position: absolute;
top: 50%;
right: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
.carousel-caption h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 30px;
font-weight: bold;
text-transform:uppercase;
text-align:left;
margin: 12% 0px 2% -5%;
}
.carousel-caption p {
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:20px;
line-height:15px;
font-weight:400;
text-align:left;
margin: -2% 0px 2% -5%;
letter-spacing: 0px;
border-radius: 300px;
}
.sleekslider .slide-content {
z-index: 50;
position: absolute;
bottom: 38%;
left: 0%;
padding: 0 20px;
}
.slide-content h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 20px;
font-weight: 600px;
text-transform:uppercase;
text-align:left;
padding: 0px 0px 0px 0px;
}
.slide-content p {
font-family: 'Heebo', sans-serif;
color:#fff;
font-size:14px;
text-transform:lowercase;
font-weight:400;
text-align:left;
margin: -10px 0px 0px 25px;
background: rgba(208, 210, 218, 0.22);
border-radius: 300px;
}
nav.nav-split .icon-wrap {
display:none
}
}
@media only screen and (device-width: 1180px) and (device-height: 820px) {

.item:nth-child(1) {
    background: url('../images/banner_01.jpg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(2) {
    background: url('../images/banner_02.jpg');
    background-size: 100%;
        background-position: center -40px !important;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(3) {
    background: url('../images/banner_03_1.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
     .item:nth-child(4) {
    background: url('../images/banner_05.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  /*	調整手機dots的點*/
#o_carousel-indicators {
position: absolute;
bottom: 15%;
left: 53%;
z-index: 15;
padding-left: 0;
text-align: center;
list-style: none;
}
/*	調整手機dots的點的距離跟大小*/
#o_carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
#o_carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
#oleft
{
position: absolute;
top: 50%;
left: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
#oright
{
position: absolute;
top: 50%;
right: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
.carousel-caption h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 30px;
font-weight: bold;
text-transform:uppercase;
text-align:left;
margin: 8% 0px 2% -5%;
}
.carousel-caption p {
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:20px;
line-height:15px;
font-weight:400;
text-align:left;
margin: -2% 0px 2% -5%;
letter-spacing: 0px;
border-radius: 300px;
}
.sleekslider .slide-content {
z-index: 50;
position: absolute;
bottom: 38%;
left: 0%;
padding: 0 20px;
}
.slide-content h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 20px;
font-weight: 600px;
text-transform:uppercase;
text-align:left;
padding: 0px 0px 0px 0px;
}
.slide-content p {
font-family: 'Heebo', sans-serif;
color:#fff;
font-size:14px;
text-transform:lowercase;
font-weight:400;
text-align:left;
margin: -10px 0px 0px 25px;
background: rgba(208, 210, 218, 0.22);
border-radius: 300px;
}
nav.nav-split .icon-wrap {
display:none
}
}
@media only screen and (device-width: 820px) and (device-height: 1180px) {
 
.item:nth-child(1) {
    background: url('../images/banner_01.jpg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(2) {
    background: url('../images/banner_02.jpg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(3) {
    background: url('../images/banner_03_1.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
     .item:nth-child(4) {
    background: url('../images/banner_05.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  /*	調整手機dots的點*/
#o_carousel-indicators {
position: absolute;
bottom: 15%;
left: 53%;
z-index: 15;
padding-left: 0;
text-align: center;
list-style: none;
}
/*	調整手機dots的點的距離跟大小*/
#o_carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
#o_carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
#oleft
{
position: absolute;
top: 50%;
left: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
#oright
{
position: absolute;
top: 50%;
right: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
.carousel-caption h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 30px;
font-weight: bold;
text-transform:uppercase;
text-align:left;
margin: 11% 0px 2% -5%;
}
.carousel-caption p {
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:20px;
line-height:15px;
font-weight:400;
text-align:left;
margin: -2% 0px 2% -5%;
letter-spacing: 0px;
border-radius: 300px;
}
.sleekslider .slide-content {
z-index: 50;
position: absolute;
bottom: 38%;
left: 0%;
padding: 0 20px;
}
.slide-content h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 20px;
font-weight: 600px;
text-transform:uppercase;
text-align:left;
padding: 0px 0px 0px 0px;
}
.slide-content p {
font-family: 'Heebo', sans-serif;
color:#fff;
font-size:14px;
text-transform:lowercase;
font-weight:400;
text-align:left;
margin: -10px 0px 0px 25px;
background: rgba(208, 210, 218, 0.22);
border-radius: 300px;
}
nav.nav-split .icon-wrap {
display:none
}
}
@media only screen and (device-width: 1080px) and (device-height: 810px) {

.item:nth-child(1) {
    background: url('../images/banner_01.jpg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(2) {
    background: url('../images/banner_02.jpg');
    background-size: 100%;
      background-position: center -30px !important;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(3) {
    background: url('../images/banner_03_1.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
     .item:nth-child(4) {
    background: url('../images/banner_05.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  /*	調整手機dots的點*/
#o_carousel-indicators {
position: absolute;
bottom: 15%;
left: 53%;
z-index: 15;
padding-left: 0;
text-align: center;
list-style: none;
}
/*	調整手機dots的點的距離跟大小*/
#o_carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
#o_carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
#oleft
{
position: absolute;
top: 50%;
left: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
#oright
{
position: absolute;
top: 50%;
right: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
.carousel-caption h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 30px;
font-weight: bold;
text-transform:uppercase;
text-align:left;
margin: 8% 0px 2% -5%;
}
.carousel-caption p {
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:20px;
line-height:15px;
font-weight:400;
text-align:left;
margin: -2% 0px 2% -5%;
letter-spacing: 0px;
border-radius: 300px;
}
.sleekslider .slide-content {
z-index: 50;
position: absolute;
bottom: 38%;
left: 0%;
padding: 0 20px;
}
.slide-content h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 20px;
font-weight: 600px;
text-transform:uppercase;
text-align:left;
padding: 0px 0px 0px 0px;
}
.slide-content p {
font-family: 'Heebo', sans-serif;
color:#fff;
font-size:14px;
text-transform:lowercase;
font-weight:400;
text-align:left;
margin: -10px 0px 0px 25px;
background: rgba(208, 210, 218, 0.22);
border-radius: 300px;
}
nav.nav-split .icon-wrap {
display:none
}
}
/*ipad 10.9*/
@media only screen and (device-width: 810px) and (device-height: 1080px) {
 
.item:nth-child(1) {
    background: url('../images/banner_01.jpg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(2) {
    background: url('../images/banner_02.jpg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  .item:nth-child(3) {
    background: url('../images/banner_03_1.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
     .item:nth-child(4) {
    background: url('../images/banner_05.jpeg');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: auto;
    clip-path: none;
    margin: 0 0px 0px 0px;
  }
  /*	調整手機dots的點*/
#o_carousel-indicators {
position: absolute;
bottom: 15%;
left: 53%;
z-index: 15;
padding-left: 0;
text-align: center;
list-style: none;
}
/*	調整手機dots的點的距離跟大小*/
#o_carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
#o_carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
#oleft
{
position: absolute;
top: 50%;
left: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
#oright
{
position: absolute;
top: 50%;
right: 20%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 40px;
height: 40px;
font-size: 40px;
}
.carousel-caption h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 30px;
font-weight: bold;
text-transform:uppercase;
text-align:left;
margin: 12% 0px 2% -5%;
}
.carousel-caption p {
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:20px;
line-height:15px;
font-weight:400;
text-align:left;
margin: -2% 0px 2% -5%;
letter-spacing: 0px;
border-radius: 300px;
}
.sleekslider .slide-content {
z-index: 50;
position: absolute;
bottom: 38%;
left: 0%;
padding: 0 20px;
}
.slide-content h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 20px;
font-weight: 600px;
text-transform:uppercase;
text-align:left;
padding: 0px 0px 0px 0px;
}
.slide-content p {
font-family: 'Heebo', sans-serif;
color:#fff;
font-size:14px;
text-transform:lowercase;
font-weight:400;
text-align:left;
margin: -10px 0px 0px 25px;
background: rgba(208, 210, 218, 0.22);
border-radius: 300px;
}
nav.nav-split .icon-wrap {
display:none
}
}
@media only screen and (max-device-width: 480px) {
.item:nth-child(1) {
background: url('../images/banner_01.jpg');
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
min-height: auto;
clip-path: none;
margin:-150px 0px -250px 0px;
}
.item:nth-child(2) {
background: url('../images/banner_02.jpg') ;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
min-height: auto;
clip-path: none;
margin:-150px 0px -250px 0px;
}
.item:nth-child(3) {
background: url('../images/banner_03_1.jpeg') ;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
min-height: auto;
clip-path: none;
margin:-150px 0px -250px 0px;
}
.item:nth-child(4) {
background: url('../images/banner_05.jpeg') ;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
min-height: auto;
clip-path: none;
margin:-150px 0px -250px 0px;
}
/*	調整手機dots的點*/
#o_carousel-indicators {
position: absolute;
bottom: 30%;
left: 53%;
z-index: 15;
padding-left: 0;
text-align: center;
list-style: none;
}
/*	調整手機dots的點的距離跟大小*/
#o_carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
#o_carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
#oleft
{
position: absolute;
top: 40%;
left: 15%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 20px;
height: 20px;
font-size: 20px;
}
#oright
{
position: absolute;
top: 40%;
right: 15%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
width: 20px;
height: 20px;
font-size: 20px;
}
.carousel-caption h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 16px;
font-weight: bold;
text-transform:uppercase;
text-align:left;
margin: 25% 20px 10px -7%;
}
.carousel-caption p {
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:14px;
line-height:15px;
font-weight:400;
text-align:left;
margin: -10px 20px 10px -7%;
letter-spacing: 0px;
border-radius: 300px;
}
.sleekslider .slide-content {
z-index: 50;
position: absolute;
bottom: 38%;
left: 0%;
padding: 0 20px;
}
.slide-content h3 {
font-family: 'Orbitron', sans-serif;
color:#fff;
font-size: 20px;
font-weight: 600px;
text-transform:uppercase;
text-align:left;
padding: 0px 0px 0px 0px;
}
.slide-content p {
font-family: 'Heebo', sans-serif;
color:#fff;
font-size:14px;
text-transform:lowercase;
font-weight:400;
text-align:left;
margin: -10px 0px 0px 25px;
background: rgba(208, 210, 218, 0.22);
border-radius: 300px;
}
nav.nav-split .icon-wrap {
display:none
}
}