/* CSS file: no doctype needed */
@charset "utf-8";

/*--------課程大綱-------*/
.Wrapper-class-content-color {
    min-height: calc(100vh - 405px);
    margin-bottom: 2rem;
}

.Wrapper-class-content-color .class_title {
    background-color: #eef3f4;
    border-radius: 3px;
    padding: 0.375rem 0.75rem;
}

.Wrapper-class-content-color a {
    font-size: 14px;
    color: rgba(24, 34, 37, 0.87);
    transition: color ease-in-out .25s;
    text-underline-position: under;
}

.Wrapper-class-content-color a:hover {
    color: rgba(24, 34, 37, 1);
}

.Wrapper-class-content-color button.btn-link,
.Wrapper-class-content-color button.btn-link:active,
.Wrapper-class-content-color button.btn-link:hover {
    background-color: rgb(231 235 239);
    border-radius: 3px;
    text-decoration: none;
    color: var(--color-primary);
    font-weight: 600;
    text-align: left;
    line-height: 1.5;
    padding: 12px;
    font-size: calc(1rem + 0.2vw);
}

.Wrapper-class-content-color button.button_disabled {
    cursor: auto;
}

.Wrapper-class-content-color ul {
    padding-left: 36px;
}

.Wrapper-class-content-color li {
    /* border-bottom: 1px solid rgba(0, 0, 0, .12); */
    padding: 18px 0;
}

.class_contents_list>li:nth-child(1) {
    padding-top: 3px;
}

.class_contents_list>li:nth-last-child(1) {
    border-bottom: unset;
    padding-bottom: 36px;
}


.Wrapper-class-content-color li div {
    color: var(--color-primary-rgba-87);
    font-size: 16px;
}

.freetrial_btn {
    display: inline-block;
    color: var(--color-white);
    background-color: var(--color-bg-secondary-87);
    border: 1px solid var(--color-bg-secondary-75);
    letter-spacing: .3px;
    border-radius: .25rem;
    width: auto;
    padding: 1px 6px;
    font-size: 13px;
    white-space: nowrap;
    transition: all ease-in-out .2s;
}

.freetrial_btn:hover {
    color: var(--color-white);
    background-color: var(--color-bg-secondary);
}

.freetrial_btn_outline {
    display: inline-block;
    width: auto;
    background-color: #fafafa;
    color: var(--color-link-primary);
    border: 1px solid #dc3545;
    letter-spacing: .3px;
    border-radius: .25rem;
    padding: 1px 6px;
    font-size: 13px;
    white-space: nowrap;
    transition: all ease-in-out .2s;
}

.freetrial_btn_outline:hover {
    background-color: #fff5f5;
    border: 1px solid var(--color-link-primary-hover);
    letter-spacing: .3px;
    border-radius: .25rem;
}

@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {}

@media (min-width: 992px) {}

@media (min-width: 576px) {}

@media (max-width: 991.98px) {}

@media (max-width: 767.98px) {}

@media (max-width:575.98px) {}

@media (min-width:320px) and (max-width: 374.98px) {}