:root {
    --color-primary: #1f7fc2;
    --color-secondary: #99ca7d;
    --primary-opacity: #1f7fc221;
    --secondary-opacity: #99ca7d21;
    --gradient-1: linear-gradient(rgb(255, 255, 255) 0%, rgb(239, 246, 255) 100%);
}
.rbt-gradient-border {
    background: linear-gradient(-145deg, #b9e1a2, #77bff3) !important;
}
.rbt-sec-cir-shadow-1 .gradient-shape-top {
    background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}
.rbt-sec-cir-shadow-1 .gradient-shape-bottom {
    background: linear-gradient(180deg, #caca7d 0%, #99ca7d 100%);
}
.bg-gradient-11 {
    background: linear-gradient(180deg, #deeefd 0%, #FFFFFF 100%) !important;
}
body {
    font-size: 16px;
}
img {
    max-width: 100%;
    height: auto !important;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.cke_editable ol,
.cke_editable ul,
.backend-editor-body ol,
.backend-editor-body ul,
.editor ol,
.editor ul {
    margin-bottom: 1rem;
    padding-left: 2rem;
}
.cke_editable ol > li,
.backend-editor-body ol > li,
.editor ol > li,
.cke_editable ul > li,
.backend-editor-body ul > li,
.editor ul > li {
    list-style-type: unset;
}
.cke_editable ol,
.backend-editor-body ol,
.editor ol {
    list-style: decimal;
}
.cke_editable ol[type="1"],
.backend-editor-body ol[type="1"],
.editor ol[type="1"] {
    list-style: decimal;
}
.cke_editable ol[type="a"],
.backend-editor-body ol[type="a"],
.editor ol[type="a"] {
    list-style: lower-alpha;
}
.cke_editable ol[type="A"],
.backend-editor-body ol[type="A"],
.editor ol[type="A"] {
    list-style: upper-alpha;
}
.cke_editable ol[type="i"],
.backend-editor-body ol[type="i"],
.editor ol[type="i"] {
    list-style: lower-roman;
}
.cke_editable ol[type="I"],
.backend-editor-body ol[type="I"],
.editor ol[type="I"] {
    list-style: upper-roman;
}
.cke_editable ul,
.backend-editor-body ul,
.editor ul {
    list-style-type: disc;
}

.cke_editable .list-unstyled,
.editor .list-unstyled {
    padding-left: 0;
    list-style: none;
}

.embed-responsive {
    position: relative;
    display: block;
    height: auto;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

body div:where(.swal2-container) div:where(.swal2-popup) {
    font-size: 16px;
}
body div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background: #111111;
}
body div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible{
    box-shadow:0 0 0 3px rgba(17,17,17,.5)
}


.fz-100p {
    font-size: 100%;
}
.rbt-header .logo a img,
.logo a img {
    max-height: 60px;
}
.rbt-arrow-between .rbt-swiper-arrow-2 {
    background: rgba(0,0,0,0.1);
}
.home-partner-slider.rbt-arrow-between {
    padding: 0 80px;
}
.home-partner-slider.rbt-arrow-between .slick-item {
    vertical-align: top;
}
.home-partner-slider.rbt-arrow-between .rbt-swiper-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.home-partner-slider.rbt-arrow-between .rbt-arrow-left {
    left: 0;
}
.home-partner-slider.rbt-arrow-between .rbt-arrow-right {
    right: 0;
}
.rbt-widget-details .rbt-course-details-list-wrapper li span.rbt-feature-value {
    height: auto;
    line-height: 1.5;
}
.rbt-check-group a {
    display: flex;
    justify-content: space-between;
    position: relative;
    font-size: 15px;
    line-height: 1.6;
    color: var(--body-color);
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 0;
}
.about-author .media .thumbnail i {
    color: var(--color-primary);
}
.breadcrumb-style-max-width {
    width: 100%;
}
.captcha-box {
  border: 1px solid transparent;
  padding: 2px 0 0 2px;
  border-radius: 0;
  display: inline-block;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.is-invalid .captcha-box {
  border-color: #f00;
}
.form-group + .invalid-feedback {
    margin-top: -1.25em;
    margin-bottom: 1.25em;
}
.help-block {
    color: #aaa;
    margin-top: 0.5em;
}
.form-group ~ .help-block {
    font-size: 0.8em;
    margin-top: -1.25em;
    margin-bottom: 1.25em;
}
.form-group .field {
    height: 50px;
    line-height: 1.25;
}
.rbt-team-tab-content .rbt-team-thumbnail {
    flex-basis: 30%;
}
.rbt-team-tab-content .rbt-team-details {
    flex-basis: 70%;
}
.rbt-team-tab-content .rbt-team-thumbnail .thumb img {
    width: auto;
}
.comment-list .comment .single-comment {
    position: relative;
}
.comment-list .comment .single-comment .rbt-badge-card {
    position: absolute;
    right: 0;
    top: 20px;
}
.rbt-breadcrumb-default.rbt-breadcrumb-style-3 .breadcrumb-inner > img {
    height: 100% !important;
}
.form-control.border-bottom {
    border: 0;
}
.form-control.border-bottom[type=file]::file-selector-button {
    border: 0;
}
.form-control.border-bottom:focus {
    box-shadow: none;
}
.ratio>img {
    height: 100% !important;
}
.object-fit-scale {
    object-fit: scale-down !important;
}
.account-details-form [type=file] {
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    line-height: 28px;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 6px 10px;
    outline: none;
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius);
    color: var(--color-body);
    box-shadow: var(--shadow-10);
}
.account-details-form select {
    height: 50px;
}
.account-details-form .inline-field {
    display: inline-block;
    border-width: 0 0 2px;
    border-radius: 0;
    width: 8em;
    height: 1.5em;
    padding: 0;
}
.account-details-form .is-invalid,
.account-details-form .is-invalid .field {
    border-color: #dc3545;
}
.subtitle .page-list li,
.subtitle .page-list li a,
.subtitle .page-list li.active,
.subtitle .page-list li .icon-right i {
    color: inherit;
}
.subtitle .page-list li a:hover {
    color: #fff;
}
.timeline-wrap {
    position: relative;
    margin-left: 7px;
    border-top: 1px dashed #E0E0E0;
    font-size: 16px;
}
.timeline-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 6px;
    margin-left: -3px;
    background: linear-gradient(#007ac9 0%, #78be20 100%);
}
.timeline-box {
    position: relative;
    padding-left: 2em;
    padding-top: 2em;
    padding-bottom: 5em;
    font-family: "Jost", '微軟正黑體', sans-serif;
    line-height: 1.35;
    border-bottom: 1px dashed #E0E0E0;
}
.timeline-box::before {
    content: '';
    position: absolute;
    top: 3.25em;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    margin-left: -7px;
    background: #78be20;
    border: 4px solid #78be20;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0 0 0 4px rgba(120, 190, 32, 0.25);

}
.timeline-box .title {
    color: #007ac9;
    font-size: 1.11em;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 1.5em;
}
.timeline-box .date {
    font-weight: 700;
    margin-bottom: 0.5em;
}
.timeline-box .date .year {
    color: #78BE20;
    font-size: 2em;
}
.timeline-box .date .month {
    color: #93CD73;
    font-size: 1em;
}

@media only screen and (min-width: 768px) {
    .timeline-wrap::before {
        left: 8em;
    }
    .timeline-box {
        padding-left: 0;
    }
    .timeline-box::before {
        left: 8em;
    }
    .timeline-box .date {
        text-align: right;
        width: 8em;
        float: left;
        padding-right: 2em;
    }
    .timeline-box .txt {
        margin-left: 8em;
        padding-left: 3em;
        padding-top: 0.5em;
    }
}
@media only screen and (min-width: 992px) {
    .timeline-wrap::before {
        left: 12em;
    }
    .timeline-box::before {
        left: 12em;
    }
    .timeline-box .date {
        width: 12em;
    }
    .timeline-box .txt {
        margin-left: 12em;
    }
}
@media only screen and (min-width: 1200px) {
    .timeline-wrap {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .home-partner-slider.rbt-arrow-between {
        padding: 0 60px;
    }
    .home-partner-slider.rbt-arrow-between .rbt-swiper-arrow {
        width: 40px;
        height: 40px;
    }
}