1468 lines
41 KiB
SCSS
1468 lines
41 KiB
SCSS
@charset "utf-8";
|
|
|
|
@import "../initial";
|
|
.servicearea.id-2778 .tpwp-style1-servicebox-items {
|
|
padding: 15px;
|
|
text-align: left;
|
|
background: #f8f8f8;
|
|
}
|
|
.servicearea .tpwp-style1-servicebox-items {
|
|
padding: 13% !important;
|
|
}
|
|
.servicearea > div {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
.serviceboxs-col-lg-3 {
|
|
width: 33.2222%;
|
|
}
|
|
.serviceboxs-col-lg-1, .serviceboxs-col-lg-2, .serviceboxs-col-lg-3, .serviceboxs-col-lg-4, .serviceboxs-col-lg-5, .serviceboxs-col-lg-6, .serviceboxs-col-md-1, .serviceboxs-col-md-2, .serviceboxs-col-md-3, .serviceboxs-col-md-4, .serviceboxs-col-md-5, .serviceboxs-col-md-6, .serviceboxs-col-sm-1, .serviceboxs-col-sm-2, .serviceboxs-col-sm-3, .serviceboxs-col-sm-4, .serviceboxs-col-sm-5, .serviceboxs-col-sm-6, .serviceboxs-col-xs-1, .serviceboxs-col-xs-2, .serviceboxs-col-xs-3, .serviceboxs-col-xs-4, .serviceboxs-col-xs-5, .serviceboxs-col-xs-6 {
|
|
float: left;
|
|
margin-bottom: 10px;
|
|
min-height: 1px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
position: relative;
|
|
}
|
|
@media (max-width: 651px) {
|
|
.serviceboxs-col-xs-1 {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.servicearea .tpwp-style1-service-content h3 {
|
|
text-align: center;
|
|
}
|
|
.servicearea.id-2778 .tpwp-style1-service-content h3, .servicearea.id-2778 .tpwp-style1-service-content h3 a {
|
|
color: #000;
|
|
font-size: 1.2em;
|
|
font-weight: 600;
|
|
margin: 0;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.kt-row-column-wrap {
|
|
padding: 0.5em;
|
|
background-color: #fff;
|
|
display: grid;
|
|
gap: var(--global-row-gutter-md, 2rem) var(--global-row-gutter-md, 2rem);
|
|
grid-auto-rows: minmax(min-content, max-content);
|
|
grid-template-columns: minmax(0, 1fr);
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.oxilab-flip-box-padding-2 {
|
|
padding: 5px 10px;
|
|
-webkit-transition: opacity 2s
|
|
linear;
|
|
-moz-transition: opacity 2s linear;
|
|
-ms-transition: opacity 2s linear;
|
|
-o-transition: opacity 2s linear;
|
|
transition: opacity 2s
|
|
linear;
|
|
-webkit-animation-duration: 2s;
|
|
-moz-animation-duration: 2s;
|
|
-ms-animation-duration: 2s;
|
|
-o-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
|
|
////
|
|
///
|
|
.oxilab-flip-box-body-2-2 .oxilab-flip-box-2 {
|
|
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/關於學程-1.png");
|
|
-moz-background-size: 100% 100%;
|
|
-o-background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.oxilab-flip-box-padding-2 {
|
|
padding: 5px 10px;
|
|
-webkit-transition: opacity 2s linear;
|
|
-moz-transition: opacity 2s linear;
|
|
-ms-transition: opacity 2s linear;
|
|
-o-transition: opacity 2s linear;
|
|
transition: opacity 2s linear;
|
|
-webkit-animation-duration: 2s;
|
|
-moz-animation-duration: 2s;
|
|
-ms-animation-duration: 2s;
|
|
-o-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
.oxilab-flip-box-body-2 {
|
|
max-width: 490px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
.oxilab-flip-box-body-2:after {
|
|
padding-bottom: 142.85714285714%;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.oxilab-flip-box-2 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-2-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
top: 50%;
|
|
padding: 10px 5px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
right: 0;
|
|
}
|
|
|
|
.oxilab-flip-box-2-data .oxilab-icon {
|
|
display: block;
|
|
text-align: center;
|
|
padding: 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-2-data .oxilab-icon-data {
|
|
display: inline-block;
|
|
width: 0px;
|
|
height: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.oxilab-flip-box-2-data .oxilab-icon-data .oxi-icons {
|
|
line-height: 0px;
|
|
font-size: 35px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.oxilab-flip-box-2-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 36px;
|
|
font-family: "Open Sans";
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-2-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 16px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-2 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgb(53, 108, 121);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-2-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
right: 0;
|
|
top: 50%;
|
|
padding: 10px 10px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.oxilab-flip-box-back-2-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 18px;
|
|
font-family: "Open Sans";
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-2-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-2-data .oxilab-button {
|
|
display: block;
|
|
text-align: Center;
|
|
padding: 8px 8px 8px 8px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-2-data .oxilab-button-data {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 10px 20px;
|
|
-webkit-border-radius: 40px;
|
|
-moz-border-radius: 40px;
|
|
-o-border-radius: 40px;
|
|
-ms-border-radius: 40px;
|
|
border-radius: 40px;
|
|
color: #000000;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-2-data .oxilab-button-data:hover {
|
|
background-color: rgba(125, 67, 240, 1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.oxilab-flip-box-body-3-3 .oxilab-flip-box-3 {
|
|
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/關於學程-2.png");
|
|
-moz-background-size: 100% 100%;
|
|
-o-background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.oxilab-flip-box-padding-3 {
|
|
padding: 5px 10px;
|
|
-webkit-transition: opacity 2s linear;
|
|
-moz-transition: opacity 2s linear;
|
|
-ms-transition: opacity 2s linear;
|
|
-o-transition: opacity 2s linear;
|
|
transition: opacity 2s linear;
|
|
-webkit-animation-duration: 2s;
|
|
-moz-animation-duration: 2s;
|
|
-ms-animation-duration: 2s;
|
|
-o-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
.oxilab-flip-box-body-3 {
|
|
max-width: 490px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
.oxilab-flip-box-body-3:after {
|
|
padding-bottom: 142.85714285714%;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.oxilab-flip-box-3 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-3-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
top: 50%;
|
|
padding: 10px 5px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
right: 0;
|
|
}
|
|
|
|
.oxilab-flip-box-3-data .oxilab-icon {
|
|
display: block;
|
|
text-align: center;
|
|
padding: 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-3-data .oxilab-icon-data {
|
|
display: inline-block;
|
|
width: 0px;
|
|
height: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.oxilab-flip-box-3-data .oxilab-icon-data .oxi-icons {
|
|
line-height: 0px;
|
|
font-size: 35px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.oxilab-flip-box-3-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 36px;
|
|
font-family: "Open Sans";
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-3-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 16px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-3 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(93, 89, 84, 1);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-3-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
right: 0;
|
|
top: 50%;
|
|
padding: 10px 10px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.oxilab-flip-box-back-3-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 18px;
|
|
font-family: "Open Sans";
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-3-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-3-data .oxilab-button {
|
|
display: block;
|
|
text-align: Center;
|
|
padding: 8px 8px 8px 8px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-3-data .oxilab-button-data {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 10px 20px;
|
|
-webkit-border-radius: 40px;
|
|
-moz-border-radius: 40px;
|
|
-o-border-radius: 40px;
|
|
-ms-border-radius: 40px;
|
|
border-radius: 40px;
|
|
color: #000000;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-3-data .oxilab-button-data:hover {
|
|
background-color: rgba(125, 67, 240, 1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.oxilab-flip-box-body-4-4 .oxilab-flip-box-4 {
|
|
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/關於學程-3.png");
|
|
-moz-background-size: 100% 100%;
|
|
-o-background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.oxilab-flip-box-padding-4 {
|
|
padding: 5px 10px;
|
|
-webkit-transition: opacity 2s linear;
|
|
-moz-transition: opacity 2s linear;
|
|
-ms-transition: opacity 2s linear;
|
|
-o-transition: opacity 2s linear;
|
|
transition: opacity 2s linear;
|
|
-webkit-animation-duration: 2s;
|
|
-moz-animation-duration: 2s;
|
|
-ms-animation-duration: 2s;
|
|
-o-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
.oxilab-flip-box-body-4 {
|
|
max-width: 490px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
.oxilab-flip-box-body-4:after {
|
|
padding-bottom: 142.85714285714%;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.oxilab-flip-box-4 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-4-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
top: 50%;
|
|
padding: 10px 5px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
right: 0;
|
|
}
|
|
|
|
.oxilab-flip-box-4-data .oxilab-icon {
|
|
display: block;
|
|
text-align: center;
|
|
padding: 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-4-data .oxilab-icon-data {
|
|
display: inline-block;
|
|
width: 0px;
|
|
height: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.oxilab-flip-box-4-data .oxilab-icon-data .oxi-icons {
|
|
line-height: 0px;
|
|
font-size: 35px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.oxilab-flip-box-4-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 36px;
|
|
font-family: "Open Sans";
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-4-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 16px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-4 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(53, 122, 137, 1);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-4-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
right: 0;
|
|
top: 50%;
|
|
padding: 10px 10px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.oxilab-flip-box-back-4-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 18px;
|
|
font-family: "Open Sans";
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-4-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-4-data .oxilab-button {
|
|
display: block;
|
|
text-align: Center;
|
|
padding: 8px 8px 8px 8px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-4-data .oxilab-button-data {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 10px 20px;
|
|
-webkit-border-radius: 40px;
|
|
-moz-border-radius: 40px;
|
|
-o-border-radius: 40px;
|
|
-ms-border-radius: 40px;
|
|
border-radius: 40px;
|
|
color: #000000;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-4-data .oxilab-button-data:hover {
|
|
background-color: rgba(125, 67, 240, 1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.oxilab-flip-box-body-5-5 .oxilab-flip-box-5 {
|
|
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/關於學程-4.png");
|
|
-moz-background-size: 100% 100%;
|
|
-o-background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.oxilab-flip-box-padding-5 {
|
|
padding: 5px 10px;
|
|
-webkit-transition: opacity 2s linear;
|
|
-moz-transition: opacity 2s linear;
|
|
-ms-transition: opacity 2s linear;
|
|
-o-transition: opacity 2s linear;
|
|
transition: opacity 2s linear;
|
|
-webkit-animation-duration: 2s;
|
|
-moz-animation-duration: 2s;
|
|
-ms-animation-duration: 2s;
|
|
-o-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
.oxilab-flip-box-body-5 {
|
|
max-width: 490px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
.oxilab-flip-box-body-5:after {
|
|
padding-bottom: 142.85714285714%;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.oxilab-flip-box-5 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-5-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
top: 50%;
|
|
padding: 10px 5px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
right: 0;
|
|
}
|
|
|
|
.oxilab-flip-box-5-data .oxilab-icon {
|
|
display: block;
|
|
text-align: center;
|
|
padding: 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-5-data .oxilab-icon-data {
|
|
display: inline-block;
|
|
width: 0px;
|
|
height: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.oxilab-flip-box-5-data .oxilab-icon-data .oxi-icons {
|
|
line-height: 0px;
|
|
font-size: 35px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.oxilab-flip-box-5-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 36px;
|
|
font-family: "Open Sans";
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-5-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 16px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-5 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(164, 86, 86, 1);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-5-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
right: 0;
|
|
top: 50%;
|
|
padding: 10px 10px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.oxilab-flip-box-back-5-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 18px;
|
|
font-family: "Open Sans";
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-5-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-5-data .oxilab-button {
|
|
display: block;
|
|
text-align: Center;
|
|
padding: 8px 8px 8px 8px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-5-data .oxilab-button-data {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 10px 20px;
|
|
-webkit-border-radius: 40px;
|
|
-moz-border-radius: 40px;
|
|
-o-border-radius: 40px;
|
|
-ms-border-radius: 40px;
|
|
border-radius: 40px;
|
|
color: #000000;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-5-data .oxilab-button-data:hover {
|
|
background-color: rgba(125, 67, 240, 1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
//
|
|
.oxi-addons-container{
|
|
width: 100%;
|
|
position: relative;
|
|
display: flex;
|
|
}
|
|
.oxi-addons-container-flipbox-preloader{
|
|
opacity: 0;
|
|
}
|
|
|
|
.oxi-addons-container.oxi-addons-container-flipbox-preloader.oxi-addons-container-flipbox-loaded{
|
|
opacity: 1;
|
|
}
|
|
|
|
.oxilab-flip-box-wrapper{
|
|
width: 100%;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.oxilab-flip-box-wrapper *{
|
|
-webkit-transition: all 0.5s ease-in-out;
|
|
-moz-transition: all 0.5s ease-in-out;
|
|
transition: all 0.5s ease-in-out;
|
|
text-decoration: none;
|
|
box-sizing: border-box;
|
|
}
|
|
.oxilab-button-data{
|
|
line-height: 1.2;
|
|
}
|
|
.oxilab-flip-box-col-1, .oxilab-carousel-property {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
.oxilab-flip-box-col-2{
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
.oxilab-flip-box-col-3 {
|
|
width: 33.33%;
|
|
float: left;
|
|
}
|
|
.oxilab-flip-box-col-4{
|
|
width: 25%;
|
|
float: left;
|
|
}
|
|
.oxilab-flip-box-col-5{
|
|
width: 20%;
|
|
float: left;
|
|
}
|
|
.oxilab-flip-box-col-6{
|
|
width: 16.66%;
|
|
float: left;
|
|
}
|
|
|
|
@media only screen and (min-width: 601px)and (max-width: 900px){
|
|
.oxilab-flip-box-col-6, .oxilab-flip-box-col-5{
|
|
width: 33.33%;
|
|
}
|
|
|
|
.oxilab-flip-box-col-4, .oxilab-flip-box-col-3{
|
|
width: 50%;
|
|
}
|
|
.image-ultimate-responsive-2{
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 600px){
|
|
.oxilab-flip-box-col-6, .oxilab-flip-box-col-5{
|
|
width: 50%;
|
|
}
|
|
|
|
.oxilab-flip-box-col-4, .oxilab-flip-box-col-3{
|
|
width: 100%;
|
|
}
|
|
.oxilab-flip-box-col-2{
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 400px){
|
|
.oxilab-flip-box-col-6, .oxilab-flip-box-col-5{
|
|
width: 100%;
|
|
}
|
|
|
|
}
|
|
.owl-item .oxilab-flip-box-col-1,
|
|
.owl-item .oxilab-flip-box-col-2,
|
|
.owl-item .oxilab-flip-box-col-3,
|
|
.owl-item .oxilab-flip-box-col-4,
|
|
.owl-item .oxilab-flip-box-col-5,
|
|
.owl-item .oxilab-flip-box-col-6{
|
|
width: 100%;
|
|
}
|
|
|
|
.oxilab-flip-box-body-absulote{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
.oxilab-flip-box-flip{
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.oxilab-flip-box-flip .oxilab-flip-box-style-data{
|
|
-webkit-perspective: 1000px;
|
|
-moz-perspective: 1000px;
|
|
perspective: 1000px;
|
|
-webkit-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
-webkit-transition-property: none;
|
|
transition-property: none;
|
|
transition-duration: 500ms;
|
|
-webkit-transition-duration: 500ms;
|
|
width: 100%;
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
|
|
.oxilab-flip-box-style{
|
|
position: relative;
|
|
transform-style: preserve-3d;
|
|
-webkit-transform-style: preserve-3d;
|
|
}
|
|
.oxilab-flip-box-style,
|
|
.oxilab-flip-box-front,
|
|
.oxilab-flip-box-back,
|
|
.oxilab-flip-box-xflank,
|
|
.oxilab-flip-box-yflank{
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
-moz-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
-webkit-backface-visibility: hidden;
|
|
transition-property: transform;
|
|
-webkit-transition-property: transform;
|
|
}
|
|
.easing_easeInOutExpo * {
|
|
transition-timing-function: cubic-bezier(1, 0, 0, 1);
|
|
-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
|
|
}
|
|
.easing_easeInOutCirc * {
|
|
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
|
|
-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
|
|
}
|
|
.easing_easeOutBack * {
|
|
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
|
}
|
|
|
|
.oxilab-flip-box-front {
|
|
position: relative;
|
|
}
|
|
.oxilab-flip-box-back,
|
|
.oxilab-flip-box-xflank,
|
|
.oxilab-flip-box-yflank {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.oxilab-flip-box-flip:hover .oxilab-flip-box-front,
|
|
.oxilab-flip-box-flip.active .oxilab-flip-box-front{
|
|
z-index: -1;
|
|
}
|
|
.oxilab-flip-box-flip:hover .oxilab-flip-box-front,
|
|
.oxilab-flip-box-flip.active .oxilab-flip-box-front{
|
|
z-index: 1;
|
|
}
|
|
.oxilab-flip-box-flip-bottom-to-top .oxilab-flip-box-front {
|
|
transform: rotateX(0deg);
|
|
-webkit-transform: rotateX(0deg);
|
|
}
|
|
.oxilab-flip-box-flip-bottom-to-top .oxilab-flip-box-back {
|
|
transform: rotateX(-180deg);
|
|
-webkit-transform: rotateX(-180deg);
|
|
}
|
|
.oxilab-flip-box-flip-bottom-to-top.active .oxilab-flip-box-front,
|
|
.oxilab-flip-box-flip-bottom-to-top:hover .oxilab-flip-box-front{
|
|
transform: rotateX(180deg);
|
|
-webkit-transform: rotateX(180deg);
|
|
}
|
|
.oxilab-flip-box-flip-bottom-to-top.active .oxilab-flip-box-back,
|
|
.oxilab-flip-box-flip-bottom-to-top:hover .oxilab-flip-box-back {
|
|
transform: rotateX(0deg);
|
|
-webkit-transform: rotateX(0deg);
|
|
}
|
|
.oxilab-flip-box-flip-left-to-right .oxilab-flip-box-front {
|
|
transform: rotateY(0deg);
|
|
-webkit-transform: rotateY(0deg);
|
|
}
|
|
.oxilab-flip-box-flip-left-to-right .oxilab-flip-box-back {
|
|
transform: rotateY(-180deg);
|
|
-webkit-transform: rotateY(-180deg);
|
|
}
|
|
.oxilab-flip-box-flip-left-to-right.active .oxilab-flip-box-front,
|
|
.oxilab-flip-box-flip-left-to-right:hover .oxilab-flip-box-front{
|
|
transform: rotateY(180deg);
|
|
-webkit-transform: rotateY(180deg);
|
|
}
|
|
.oxilab-flip-box-flip-left-to-right.active .oxilab-flip-box-back,
|
|
.oxilab-flip-box-flip-left-to-right:hover .oxilab-flip-box-back{
|
|
transform: rotateY(0deg);
|
|
-webkit-transform: rotateY(0deg);
|
|
}
|
|
.oxilab-flip-box-flip-right-to-left .oxilab-flip-box-front {
|
|
transform: rotateY(0deg);
|
|
-webkit-transform: rotateY(0deg);
|
|
}
|
|
.oxilab-flip-box-flip-right-to-left .oxilab-flip-box-back {
|
|
transform: rotateY(180deg);
|
|
-webkit-transform: rotateY(180deg);
|
|
}
|
|
.oxilab-flip-box-flip-right-to-left.active .oxilab-flip-box-front,
|
|
.oxilab-flip-box-flip-right-to-left:hover .oxilab-flip-box-front{
|
|
transform: rotateY(-180deg);
|
|
-webkit-transform: rotateY(-180deg);
|
|
}
|
|
.oxilab-flip-box-flip-right-to-left.active .oxilab-flip-box-back,
|
|
.oxilab-flip-box-flip-right-to-left:hover .oxilab-flip-box-back{
|
|
transform: rotateY(0deg);
|
|
-webkit-transform: rotateY(0deg);
|
|
}
|
|
|
|
.oxilab-flip-box-flip-top-to-bottom .oxilab-flip-box-front {
|
|
transform: rotateX(0deg);
|
|
-webkit-transform: rotateX(0deg);
|
|
}
|
|
.oxilab-flip-box-flip-top-to-bottom .oxilab-flip-box-back {
|
|
transform: rotateX(180deg);
|
|
-webkit-transform: rotateX(180deg);
|
|
}
|
|
.oxilab-flip-box-flip-top-to-bottom.active .oxilab-flip-box-front,
|
|
.oxilab-flip-box-flip-top-to-bottom:hover .oxilab-flip-box-front{
|
|
transform: rotateX(-180deg);
|
|
-webkit-transform: rotateX(-180deg);
|
|
}
|
|
.oxilab-flip-box-flip-top-to-bottom.active .oxilab-flip-box-back,
|
|
.oxilab-flip-box-flip-top-to-bottom:hover .oxilab-flip-box-back {
|
|
transform: rotateX(0deg);
|
|
-webkit-transform: rotateX(0deg);
|
|
}
|
|
//
|
|
|
|
.kb-row-layout-wrap,.kt-row-layout-inner {
|
|
border: 0 solid transparent;
|
|
position: relative
|
|
}
|
|
|
|
.kb-row-layout-wrap:before,.kt-row-layout-inner:before {
|
|
clear: both;
|
|
content: "";
|
|
display: table
|
|
}
|
|
|
|
.kt-row-column-wrap {
|
|
display: grid;
|
|
gap: var(--global-row-gutter-md,2rem) var(--global-row-gutter-md,2rem);
|
|
grid-auto-rows: minmax(min-content,max-content);
|
|
grid-template-columns: minmax(0,1fr);
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.wp-block-kadence-rowlayout .kt-row-column-wrap.kb-theme-content-width {
|
|
margin-left: auto;
|
|
margin-right: auto
|
|
}
|
|
|
|
.alignfull>.kt-row-column-wrap,.alignfull>.kt-row-layout-inner>.kt-row-column-wrap,.kt-row-has-bg>.kt-row-column-wrap {
|
|
padding-left: var(--global-content-edge-padding,15px);
|
|
padding-right: var(--global-content-edge-padding,15px)
|
|
}
|
|
|
|
.kt-inner-column-height-full:not(.kt-row-layout-row) {
|
|
grid-auto-rows: minmax(0,1fr)
|
|
}
|
|
|
|
.kt-inner-column-height-full:not(.kt-row-layout-row)>.wp-block-kadence-column>.kt-inside-inner-col {
|
|
height: 100%
|
|
}
|
|
|
|
.kt-row-valign-middle.kt-inner-column-height-full>.wp-block-kadence-column:not(.kb-section-dir-horizontal)>.kt-inside-inner-col {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center
|
|
}
|
|
|
|
.kt-row-valign-bottom.kt-inner-column-height-full>.wp-block-kadence-column:not(.kb-section-dir-horizontal)>.kt-inside-inner-col {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.kt-row-valign-middle.kt-inner-column-height-full>.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col {
|
|
align-items: center
|
|
}
|
|
|
|
.kt-row-valign-bottom.kt-inner-column-height-full>.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col {
|
|
align-items: flex-end
|
|
}
|
|
|
|
@media screen and (max-width: 1024px) {
|
|
.kt-inner-column-height-full.kt-tab-layout-inherit.kt-row-layout-row,.kt-inner-column-height-full.kt-tab-layout-row {
|
|
grid-auto-rows:minmax(min-content,max-content)
|
|
}
|
|
|
|
.kt-inner-column-height-full.kt-tab-layout-inherit.kt-row-layout-row>.wp-block-kadence-column>.kt-inside-inner-col,.kt-inner-column-height-full.kt-tab-layout-row>.wp-block-kadence-column>.kt-inside-inner-col {
|
|
height: auto
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.kt-inner-column-height-full.kt-mobile-layout-row {
|
|
grid-auto-rows:minmax(min-content,max-content)
|
|
}
|
|
|
|
.kt-inner-column-height-full.kt-mobile-layout-row>.wp-block-kadence-column>.kt-inside-inner-col {
|
|
height: auto
|
|
}
|
|
}
|
|
|
|
.kt-row-layout-overlay {
|
|
filter: opacity(100%);
|
|
height: 100%;
|
|
left: 0;
|
|
opacity: .3;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 0
|
|
}
|
|
|
|
.kt-row-layout-overlay.kt-jarallax {
|
|
filter: none
|
|
}
|
|
|
|
@media(min-width: 768px)and (max-width:1024px) {
|
|
.wp-block-kadence-rowlayout [id*=jarallax-container-]>div {
|
|
height:var(--kb-screen-height-fix,100vh)!important;
|
|
margin-top: -40px!important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 768px)and (max-width:1366px)and (-webkit-min-device-pixel-ratio:2) {
|
|
.wp-block-kadence-rowlayout [id*=jarallax-container-]>div {
|
|
height:var(--kb-screen-height-fix,100vh)!important;
|
|
margin-top: -40px!important
|
|
}
|
|
}
|
|
|
|
.entry-content .wp-block-kadence-rowlayout.alignfull,.entry-content .wp-block-kadence-rowlayout.alignwide {
|
|
margin-bottom: 0;
|
|
text-align: inherit
|
|
}
|
|
|
|
.kt-row-layout-bottom-sep {
|
|
bottom: -1px;
|
|
height: 100px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
z-index: 1
|
|
}
|
|
|
|
.kt-row-layout-bottom-sep svg {
|
|
fill: #fff;
|
|
bottom: 0;
|
|
display: block;
|
|
height: 100%;
|
|
left: 50%;
|
|
position: absolute;
|
|
transform: translateX(-50%);
|
|
width: 100.2%
|
|
}
|
|
|
|
.kt-row-layout-top-sep {
|
|
height: 100px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
top: -1px;
|
|
z-index: 1
|
|
}
|
|
|
|
.kt-row-layout-top-sep svg {
|
|
fill: #fff;
|
|
display: block;
|
|
height: 100%;
|
|
left: 50%;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: translateX(-50%) rotate(180deg);
|
|
width: 100.2%
|
|
}
|
|
|
|
.kb-row-layout-wrap>.kb-blocks-bg-slider,.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init.kt-blocks-carousel-init,.kt-row-layout-inner>.kb-blocks-bg-slider,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init.kt-blocks-carousel-init {
|
|
bottom: 0;
|
|
left: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0
|
|
}
|
|
|
|
.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__list,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__slide,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__track,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__list,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__slide,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__track {
|
|
height: 100%
|
|
}
|
|
|
|
.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__list,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__list {
|
|
height: 100%!important
|
|
}
|
|
|
|
.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain div.kb-bg-slide,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain div.kb-bg-slide {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: cover
|
|
}
|
|
|
|
.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain {
|
|
display: none
|
|
}
|
|
|
|
.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain:first-child,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain:first-child {
|
|
display: block
|
|
}
|
|
|
|
.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain div,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain div {
|
|
height: 100%;
|
|
position: relative
|
|
}
|
|
|
|
.kb-blocks-bg-slider-init.splide .splide__pagination {
|
|
bottom: 10px
|
|
}
|
|
|
|
.kb-blocks-bg-slider-init.splide .splide__arrow {
|
|
z-index: 100
|
|
}
|
|
|
|
.kb-blocks-bg-video-container {
|
|
bottom: 0;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0
|
|
}
|
|
|
|
.kb-blocks-bg-video-container .kb-blocks-bg-video {
|
|
height: auto;
|
|
left: 50%;
|
|
min-height: 100%;
|
|
min-width: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 100%
|
|
}
|
|
|
|
.kb-blocks-bg-video-container .kb-blocks-bg-video::-webkit-media-controls {
|
|
display: none!important
|
|
}
|
|
|
|
.kb-blocks-bg-video-container.embedded .kb-blocks-bg-video {
|
|
display: block;
|
|
height: 56.25vw;
|
|
left: 50%;
|
|
min-height: auto;
|
|
min-width: auto;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 100vw
|
|
}
|
|
|
|
.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper {
|
|
bottom: 20px;
|
|
position: absolute;
|
|
right: 20px;
|
|
z-index: 11
|
|
}
|
|
|
|
.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper .button.kb-toggle-video-btn {
|
|
background: rgba(0,0,0,.3);
|
|
border: 0;
|
|
box-sizing: border-box;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
|
|
height: 32px;
|
|
line-height: 16px;
|
|
margin: 0 0 0 8px;
|
|
opacity: .5;
|
|
padding: 8px;
|
|
transition: opacity .3s ease-in-out
|
|
}
|
|
|
|
.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper .button.kb-toggle-video-btn svg {
|
|
height: 16px;
|
|
vertical-align: bottom;
|
|
width: 16px
|
|
}
|
|
|
|
.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper button.kb-toggle-video-btn:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.kb-blocks-bg-video {
|
|
background-position: 50%;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
-o-object-position: 50% 50%;
|
|
object-position: 50% 50%;
|
|
width: 100%
|
|
}
|
|
|
|
@media(max-width: 767px) {
|
|
.kvs-sm-false {
|
|
display:none!important
|
|
}
|
|
}
|
|
|
|
@media(min-width: 768px)and (max-width:1024px) {
|
|
.kvs-md-false {
|
|
display:none!important
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1025px) {
|
|
.kvs-lg-false {
|
|
display:none!important
|
|
}
|
|
}
|
|
|
|
.wp-block-kadence-rowlayout .kb-blocks-bg-slider .splide-arrow {
|
|
z-index: 1000
|
|
}
|
|
|
|
.kb-row-layout-id1080_44e060-c1 > .kt-row-column-wrap {
|
|
max-width: 70%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-top: var( --global-kb-row-default-top, var(--global-kb-spacing-sm, 1.5rem) );
|
|
padding-bottom: var( --global-kb-row-default-bottom, var(--global-kb-spacing-sm, 1.5rem) );
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
|
|
@media all and (max-width: 767px) {
|
|
.kb-row-layout-id1080_44e060-c1 > .kt-row-column-wrap {
|
|
max-width:95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
}
|
|
|
|
.wp-block-kadence-spacer.kt-block-spacer-1080_9bfa9b-38 .kt-block-spacer {
|
|
height: 35px;
|
|
}
|
|
|
|
.wp-block-kadence-spacer.kt-block-spacer-1080_9bfa9b-38 .kt-divider {
|
|
border-top-width: 15px;
|
|
height: 1px;
|
|
border-top-color: #345f8c;
|
|
width: 50%;
|
|
}
|
|
|
|
@media all and (max-width: 767px) {
|
|
.wp-block-kadence-spacer.kt-block-spacer-1080_9bfa9b-38 .kt-divider {
|
|
width:100%!important;
|
|
}
|
|
}
|
|
|
|
.kb-row-layout-id1080_bb146b-4a > .kt-row-column-wrap {
|
|
column-gap: var(--global-kb-gap-none, 0 );
|
|
row-gap: var(--global-kb-gap-none, 0 );
|
|
max-width: 70%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-top: var( --global-kb-row-default-top, var(--global-kb-spacing-sm, 1.5rem) );
|
|
padding-bottom: var( --global-kb-row-default-bottom, var(--global-kb-spacing-sm, 1.5rem) );
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
}
|
|
|
|
@media all and (max-width: 767px) {
|
|
.kb-row-layout-id1080_bb146b-4a > .kt-row-column-wrap {
|
|
max-width:95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
}
|
|
|
|
.wp-block-kadence-advancedbtn .kb-btn1076_069d5f-b9.kb-button,.kb-button {
|
|
color: #FFF!important;
|
|
background: #577494;
|
|
font-size: 1em;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
padding: 0.5em;
|
|
a{
|
|
color: #fff;
|
|
}
|
|
}
|
|
.kb-buttons-wrap {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.5em;
|
|
}
|
|
.kb-button, .kb-buttons-wrap {
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.wp-block-kadence-advancedbtn.kb-btns1076_1c8c0e-ad {
|
|
padding-bottom: 1em;
|
|
} |