@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

:root {
    --main-color: #8c98e0;
}
body {
    font-size: 18px;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #000;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 5px;
    background-color: #333;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #DFDFDF;
}


.modal-body .spec-box .btn-box.st {
    height: 100%;
}
.modal-body .spec-box .btn-box.st .btn {
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}


a:hover, .bsnav .navbar-nav .nav-item:focus > .nav-link, .header .navbar-nav .nav-item:active > .nav-link {
    color: var(--main-color);
}
.h2, body.contact h3 {
    border-bottom: 1px solid #dcdcdc;
    color: #5b8ca9;
    font-size: 30px;
    padding-bottom: 12px;
}

/*通用設定*/
.page-item:first-child .page-link, .page-item:last-child .page-link {
    border: 1px solid;
}


.ezshare-box a {
    color: #fff;
    background: #b1b1b1 !important;
}

body.home .d-flex,body.about .d-flex {
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-link {
    color: #adadad;
}

span.radio-inline + span.radio-inline {
    margin: 0 10px;
    display: inline-block;
}

span.radio-inline input {
    margin-right: 4px;
}

.tab-area .tab-title a {
    background: #e6d7b6;
    color: #333;
}
/*字主色*/
.btn.btn-bord, body.about .page-content .txt h2 {
    color: var(--main-color);
}

/*字副色*/
a:hover, .wid-float-section ul li a:hover,
.wid-float-section ul li a:hover .icon,
.footer .footer_content .sitemap > ul > li > a:hover,
.header .navbar-nav .nav-item:hover > .nav-link,
.side .nav-item.dropdown > .navbar-nav .nav-item:hover > .nav-link {
    color: var(--second-color);
}

/*字第三色*/
.wid-float-section ul li a:hover, .wid-float-section ul li a:hover .icon {
        color: var(--third-color);
}

.gallery-list p.price, .product-info-area .item.price .cont {
    color: #b12e2e;
}

/*背景主色*/

/*.bsnav-mobile.full .navbar-nav .nav-item:hover {
    background: var(--main-color);
}*/

.anchor-title.scroll-to-fixed-fixed, .wid-float-section ul, .list-creative .list-terms:before, .gotop a, .tab-area.tab-accordion .tab-accordion-header {
    background: #394a5b;
}
/*背景第五色*/
.toast,
.list-creative > li:nth-child(2n) .list-terms:before {
    background: var(--fifth-color);
}

body.home section .more-btn-area {
    text-align: center;
    margin: 25px 0;
}

/*描邊 currentColor*/

.btn.btn-bord, .page-link {
    border-color: currentColor;
}
.page-item:first-child .page-link, .page-item:last-child .page-link {
    color: var(--main-color);
    border: 1px solid currentColor;
}


.header .navbar-nav .nav-item:hover > .nav-link .caret {
    border-top-color: currentColor;
}


.h5 .sub-txt {
    color: #686868;
}

.btn.btn-light, .gallery-list.cover.hov-cart .item-detail .cover .btn-box .btn:hover, .gallery-list.cover.hov-cart .item-detail .cover .btn-box .btn{
    background: #b12e2e;
}

.nav-item.dropdown.dropdown-left .navbar-nav .nav-item:hover .nav-link.trigger:before {
    border-left: solid 5px #ffffff;
}





/*背景主色，白字*/

body.show .page-item .page-link:hover,
.article-grid .item .info .kind a,
.kind-tag-area a, .btn-info,
.btn-check:focus + .btn-info,
.btn-info:focus,
.tab-area .tab-title a.active {
    background: var(--main-color);
    color: #fff;
}

/*背景副色，白字*/

.header .nav-item.dropdown > .navbar-nav .nav-item:hover > a,
.iso-kind li.active a,
.iso-kind li a:hover, .btn.btn-primary, .page-content .btn-more:hover,
.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .nav-link:hover,
.bsnav-mobile.full .navbar-nav .nav-item .nav-link:hover, .side .h3 {
    background: var(--second-color);
    color: #fff;
}

/*gallery-list共用*/
.gallery-list.border-solid .item .item-detail {
    border-radius: 5px;
}
.gallery-list .item .info {
    margin: 0 !important;
}


.gallery-list.border-solid .item .item-detail .pic,
.gallery-list.border-solid .item .item-detail .pic img {
        border-radius: 4px 4px 0 0;
}


img {
    transition: all 0.5s;
}

.wid {
    position: relative;
}
.breadcrumb {
   /* background: #f6e4d0;*/
}
/*side*/

.side .wid ul li .collapsed-sub-btn, 
.side .navbar-nav .dropdown-menu li a,
.side .nav-item:not(.nav-title).dropdown > .navbar-nav .nav-item:not(.nav-title) .nav-link {
    display: block;
    padding: 5px 0 5px 20px;
    background: url(../images/list_icon.png) no-repeat 0 7px;
    font-size:16px;
}
.side .nav-item:not(.nav-title).dropdown > .navbar-nav .nav-item:not(.nav-title) ul li .nav-link {
    background: url(../images/list_icon3.png) no-repeat 0 7px;
}
.side .navbar-nav .dropdown-menu {
    min-width: auto;
}
.side .wid ul li {
    line-height: 1.5;
    font-size: 16px;
}
.side .h3 {
    padding: 10px;
    background-size: cover;
    margin-bottom: 0;
}
.main .side .h3 .txt-en {
    display: block;
}
.side .h3 .txt-tw {
    border: 0;
    padding: 0;
    border-top: 1px solid rgb(255 255 255 / 49%);
    padding-top: 10px;
}
body.about .side .h3 .txt-tw {
    border-top: 0;
    padding-top: 0;
}
.is_scroll .side .navbar, .side .filter-sidebar, .side .nav-item.dropdown > .navbar-nav.collapse-side-content {
    background: none;
}
.side .filter-title .collapsed-btn, 
.side .filter-sidebar.multiple-collapse .collapsed-btn, 
.side .nav-item.dropdown > .navbar-nav .nav-item .nav-link {
    background: #ffffff;
    border: 0;
    background: #f7f7f7;
    font-size: 17px;
    padding: 6px 10px;
}
.main .side .h3 {
    margin-bottom: 0;
    font-size: 20px;
}
.side .filter-item + .filter-item {
    margin-top: 0;
    border-top: 1px solid #ffffff;
}
.side .navbar .collapse {
    /* background: #f4eeeb; */
    border: 1px solid #909090;
}
.side .filter-content > ul {
    padding: 5px;
    background: #eaeaea;
    border: 0;
}
.side .filter-content, .side .filter-sidebar.multiple-collapse .collapse-content {
    border: 0;
}
/*header*/
.header .navbar {
    padding: 0 10px;
    border-bottom: 0;
    background: #f0f4f7;
}
.navbar .navbar-brand, .navbar .navbar-brand img {
    height: 100px !important;
    width: 110px !important;
}
.header .navbar .nav-share-btn-area li a {
    color: #fff !important;
    /* font-size: 30px; */
}


.is_scroll .header .navbar .navbar-brand {
    width: 155px;
    background-size: contain;
}

.header .navbar .small-btn-box .navbar-toggler {
    width: 45px;
    height: 45px;
}

.header .navbar .navbar-toggler .navbar-toggler-icon,
.header .navbar .navbar-toggler .navbar-toggler-icon::after,
.header .navbar .navbar-toggler .navbar-toggler-icon::before {

}

.header .navbar .small-btn-box .navbar-toggler:before {
    content: "menu";
    /* position: absolute; */
    display: block;
    font-size: 15px;
    margin-top: 32px;
}

/*.header .navbar-nav.nav-1 > .nav-item > .nav-link, .wid-float-section ul li a {
    color: #fff;
}

.header .navbar-nav .nav-item:hover > .nav-link {
    color: #ffe792;
}*/
.header .nav-item.dropdown.fadeup .navbar-nav {
    background: #000;
    box-shadow: rgb(0 0 0 / 60%) 0 0 10px;
}
.header .nav-item.dropdown.fadeup > .navbar-nav.in .nav-link, .main .side .h3 .txt-en {
    color: #fff;
}

.header .nav-item.dropdown.dropdown-left .navbar-nav .nav-item .nav-link.trigger:before {
   
    border-color: transparent transparent transparent currentColor;

}

/*.header .navbar .navbar-nav li a::before {
    content: "/";
    color: #858585;
    position: absolute;
    right: 0;
}*/
.header .navbar-nav.nav-1 > .nav-item > .nav-link .caret {
    border-top-color: currentColor;
}

ul.slick-slider {
    padding-left: 0;
}

.nav-item.dropdown.dropdown-left .navbar-nav .nav-item .nav-link.trigger:hover:before {
    border-color: transparent transparent transparent currentColor;
}

.nav-item.dropdown .navbar-nav .nav-item:hover .nav-link.trigger:before {
    border-right-color: #fff;
}

.bsnav-mobile.full .navbar-nav .nav-item .nav-link {
    color: #333;
    padding: 10px;
}
.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .nav-item .nav-link {
    font-size: 15px;
}
.bsnav-mobile.full.in .navbar {
    background: rgb(173 203 221 / 90%);
    /* background-size: cover; */
}
.bsnav-mobile .navbar-nav .nav-item .navbar-nav {
    margin-left: 0;
    margin-right: 0;
}
.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav {
    background: rgb(255 255 255 / 50%);
}
.bsnav-mobile {
    z-index: 50;
}

.bsnav-mobile .navbar .navbar-mobile-wrapper {
    background: rgb(255 255 255 / 60%);
}
.bsnav-mobile.full .navbar-nav .nav-item .nav-link.trigger:after {
    width: 0;
    height: 0;
    margin-left: 5px;
    margin-top: -2.5px;
    border: none;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
    border-top: solid 5px currentColor;
    vertical-align: middle;
    display: inline-block;
    content: "";
}
.page-link:hover {
    color: #979797;
}
.page-item.active .page-link {
    color: #fff;
}


.navbar .small-btn-box a#langDrop {
    font-size: 17px;
}
.wid-float-section ul li a {
    color: #ffffff;
}

body.home .banner {
    position: relative;
    background: url(../images/bannerbg.jpg) no-repeat right 30% bottom -22px #f0f4f7;
    padding-bottom: 40px;
    /* background-size: cover; */
}
body:not(.home) .banner .banner-pub-content {
        display:none;
}
body.home .page-content .abbox h1.h3 {
    display: none;
}
body.home .page-content .contentbuilder-box .home-more {
    color: #fff;
}
.home-category .list-item .item,
.home-category .list_item,
.home-category .item {
    padding: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 0 !important;
}
.home-category, .home-service {
    padding:60px 0;
}

.home-category .gallery-list .item .title {
    font-weight: normal;
    margin: 0;
    font-size: 1.15rem;
}
.home-category .home-pagelist-area .slick, .home-category .d-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.home-category .home-pagelist-area .list_item, .home-category .d-flex  .list_item{
    /* width: 25%; */
    margin: 0;
    flex: 1 1 auto;
}

.home-category .list_item  .info .desc {
   display:none;
}
.home-category .home-pagelist-area .container-fluid {
    padding: 0;
}
 .home-category .item a .tax,
    .home-category .item .info,
    .home-category .list_item .info {
        text-align: center;
        letter-spacing: 3px;
        position: absolute;
        left: 0;
        right: 0;
      /*
    height: 45px;*/

        bottom: 0;
        padding: 15px;
        z-index: 1;
        opacity: 1;
        transition: all ease 1s;
        -webkit-transition: all ease 1s;
    }

    .home-category .item a:hover .tax,
    .home-category .item:hover .info, .home-category .list_item:hover .info {
        opacity:0;
        bottom: -30px;
    }

    .home-category .item .info .title, .home-category .list_item .info .title {
        margin: 0;
        color: #fff;
    }


    .home-category .item a:hover .tax::after,
    .home-category .item:hover .info::after,
    .home-category .list_item:hover .info::after {
        width:0;
    }

    .home-category .item a .tax::after,
    .home-category .item .info::after,
    .home-category .list_item .info::after {
        content: "";
        background: rgba(0,0,0,.5);
       
        width: 50%;
        height: 100%;
        position: absolute;
        right: 0;
        bottom: 0;
        transition: all ease .6s;
        -webkit-transition: all ease .6s;
        z-index: -1;
    }


    .home-category .item a:hover .tax::before,
    .home-category .item:hover .info::before,
    .home-category .list_item:hover .info::before {
        width: 0;
    }

    .home-category .item a .tax::before,
    .home-category .item .info::before,
    .home-category .list_item .info::before {
        content: "";
        background: rgba(0,0,0,.5);
        width: 50%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: all ease .6s;
        -webkit-transition: all ease .6s;
        z-index: -1;
    }
.home-pagelist-area .list_item .info:before {
    content:none;
}
.home-pagelist-area .list_item a:hover .info {
    color:#333;
}

.home-service .list {
    gap: 0px 18px;
}

.home-service .list .list_item {
    flex: 1 1 auto;
    text-align: center;
    position:relative;
}
.home-service .list .list_item .info {
    margin-top: 18px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 14px 35px;
    font-size: 22px;
    background: #ffffff;
}
.home-service .list .list_item a .pic:hover img {
    opacity: 0.8;
}
.home-service .list .list_item .info .title {
    margin-bottom: 0;
    color: #333;
    letter-spacing: 4px;
}
body.home .abbox .title.h2 {
    display: none;
}
body.home .page-content .h3 {
    font-size: 28px;
    /* border-bottom: 1px solid #000; */
    color: #000;
    padding: 6px;
    /* display: none; */
    text-align: center;
    font-family: 'Lora', serif;
    text-align: center;
    letter-spacing: 5px;
}

.gotop {
    position:relative;
    opacity:1;
    right: auto;
    bottom: auto;
}
.gotop a::before {
    content: "";
    background: #000;
    width: 1px;
    height: 50px;
    position: absolute;
    top: -65px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.gotop a {
    color: #000;
    text-align: center;
    margin: 88px 0 26px;
    display: block;
    letter-spacing: 3px;
    text-indent: 5px;
    position: relative;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    width: auto;
    border-radius: 0;
    background: none;
    line-height: normal;
}
.navbar .small-btn-box .btn-group.lang {
    display: none;
}
.page-content .home-more {
    margin: 36px auto 20px;
    display: block;
    max-width: 250px;
    text-align: center;
}

.page-content .home-more:hover {
    background: var(--second-color);
    color: #fff;
}
.footer .left-area, .footer .right-area, .footer .footer_content.fc_seperate_bottom .footer-bottom .copyrights-info .footer-logo {
    display: none !important;
}

.footer .footer_content.fc_seperate_bottom .footer-bottom .demo ul {
    text-align:center;
}

.footer .footer_content.fc_seperate_bottom .footer-bottom .demo ul li {
    display: inline-block;
    padding: 0 5px;
}
.footer .footer_content.fc_seperate_bottom .footer-bottom .demo ul li i {
    margin-right: 4px;
    color: #92b281;
}

.footer .footer_content.fc_seperate_bottom .foo-sit .sitemap {
    padding: 0;
    margin-top: 0;
    border-top: 0;
    text-align: center;
}
.footer .footer_content.fc_seperate_bottom {
    padding: 0;
    background: rgb(228 228 228);
}
.footer .footer_content.fc_seperate_bottom .footer-bottom .copyrights-info > div {
    width: 100%;
}
.footer .footer_content.fc_seperate_bottom .foo-sit .sitemap > ul > li {
    margin: 0;
}
.footer .footer_content .sitemap > ul > li > a {
    padding: 12px 16px;
    display: inline-block;
}
.footer .footer_content.fc_seperate_bottom .footer-bottom {
    background: #fff;
    padding: 24px 0;
}
.footer_content > .container {
    max-width: 100%;
}
body.home section.abbox .list h3, body.home section.abbox .list p {
    margin-left: 34px !important;
}



.abbox h4 {
    font-weight: bold;
}
/*內頁*/
.ezshare-box a:hover {
    color: #fff;
}
body.news .subject-sec .h1 {
    font-size: 30px;
}
body.news .main-content {
    padding-top: 48px;
}
.kind-info {
    margin-bottom: 40px !IMPORTANT;
}
.kind-info .h2 .txt-en,body.contact h3 .txt-en {
    margin-right: 12px;
}
body.about.kind_3 .bottombox h3 {
    font-weight: bold;
    color: #8e784f;
    font-size: 26px;
    background: url(../images/h3-01.svg) no-repeat left top;
    padding-left: 58px;
    background-size: 54px;
}
body.about .txt .bottombox {
    padding: 82px 30px;
    background: url(../images/aboutbox.jpg) no-repeat right top;
    background-size: cover;
}
body.about .txt .bottombox .info {
    width: 50%;
    background: rgb(255 255 255 / 70%);
    padding: 25px;
}
.contentbuilder-box .list i.icon.ion-checkmark {
    color: #8e784f;
}
.contentbuilder-box .list > h3 {
    font-weight: bold !important;
    color: #8e784f;
}
.contentbuilder-box .list > p {
    font-weight: normal !important;
   color:#333;
}


body.course .page-content .list-box .txt-list li .theme.title a, body.course .page-content .list-box .txt-list li .theme.title a .status {
    font-size: 16px;
    color: #626262;
}
body.course .main-content, body.course.p04 .main {
    padding-top: 50px;
}
body.course .main {
    padding-bottom: 50px;
}

body.course .page-content .list-box .txt-list {
    margin-bottom: 60px;
}
body.course .page-content .txt-list li.list-header {
    padding-right: 0;
    display: block;
}
body.course .page-content .list-box .txt-list li.list-header a .status {
    margin-left: 39px;
    background: none;
    color: #333;
    font-weight: normal;
}
body.course .page-content .list-box .txt-list li a {
    padding: 15px 10px;
    display: block;
    color: #333;
}
body.course .page-content .list-box .txt-list li.list_item:nth-child(even) {
    background: rgb(247 247 247);
}
body.course .page-content .list-box .txt-list li {
    position: relative;
    border-bottom: 1px solid #ddd;
}
body.course .page-content .list-box .txt-list li a .status {
    display: inline-block;
    padding: 5px 10px;
    min-width: 100px;
    text-align: center;
    color: #fff;
    margin-left: 25px;
    border-radius: 5px;
}
body.course .page-content .list-box .txt-list li a span {
    display: block;
    margin-bottom: 10px;
}
body.course .page-content .list-box .txt-list li a .status.green {
    background: #397ca3;
}

body.course .page-content .list-box .txt-list li a .status.red {
    background: #b01313;
}

body.course .page-content .info h2 {
    font-weight: bold;
    padding: 12px 0 12px 60px;
    font-size: 26px;
    margin-bottom: 14px;
    color: #a37e6e;
    background: url(../images/title-01.svg) no-repeat left -5px top -2px;
}
body.course .page-content .course-txt ul li {
    line-height: 1.8;
    padding: 8px 0 8px 25px;
    background: url(../images/list_icon.png) no-repeat left 3px top 13px;
}


body.course .page-content .course-txt ul li + li {
    border-top: 1px solid #eee;
}
body.course .page-content .course-txt ul li .title {
    color: #70521c;
}

body.course .page-content .course-txt ul li:nth-child(even), body.course .page-content .des-box table tr:nth-child(even) {
    background-color: #fdf6ea;
}
.text-right {
    text-align: right;
}
body.course .page-content .des-box h3 {
    background: url(../images/h2-01.svg) no-repeat left -5px top -4px;
    padding: 10px 0 10px 50px;
    color: #785d29;
    font-size: 24px;
    margin-bottom: 15px;
}
body.course .page-content .des-box + .des-box {
    margin-top: 40px;
}
body.course .page-content .des-box {
    padding: 25px;
    /* background: #f0f4f7; */
    border: 1px solid #ccac85;
    border-radius: 12px;
}
body.course .page-content .course-txt {
    margin-bottom: 42px;
}
body.course .page-content .course-txt i {
    margin-right: 8px;
}
body.course .page-content .course-txt a.goto.btn.btn-success {
    font-size: 18px;
    padding: 10px 22px;
    background: #487d9d;
}
body.course .courseInfo .pic img {
    border-radius: 10px;
}
body.course .page-content .des-box table td {
    padding: 7px;
    border-bottom: 1px solid #eee;
}
body.course .page-content .des-box table {
    width: 100%;
    border: 1px solid #e0e0e0;
    /* background: #fafafa; */
}
body.course .page-content .des-box table tr:last-child td {
    border-bottom: 1px solid #e0e0e0;
}

body.show .page-box .pagination .page-item a, body.course.p04 .main .page-box .pagination .page-item a {
    border-radius: 5px;
    background: #787878;
    color: #fff;
}
body.show .page-box .pagination .page-item a:hover,
body.course.p04 .main .page-box .pagination .page-item a:hover {
    background: #394a5b;
}

body.show .page-box .pagination .page-item a span,
body.course.p04 .main .page-box .pagination .page-item a span{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(../images/pager_icon.png) no-repeat center top -112px;
    margin-right: 8px;
}
body.course.p03 .page-content .sec .h2 {
    text-align: center;
}
body.course.p03 .page-content .sec,
body.course.p04 .main .form-border .finish {
    padding: 60px 33px;
    background: #f8f8f9;
    border-bottom: 6px solid #b5cee0;
    position: relative;
}
body.course.p03 .page-content .sec .necessary {
    color: #f41818;
    margin-right: 4px;
}
body.course.p03 .page-content .sec:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    background: url(../images/formIcon.svg) no-repeat left 9px center #5b8cab;
    background-size: 58px;
    border-radius: 50%;
    right: 50%;
    top: -30px;
    transform: translateX(50%);
}
body.course.p03 #dialog-content .consent-txt {
    font-size:16px;
    line-height:1.8;
}


body.course.p03 #dialog-content .consent-txt ul li + li {
    margin-top: 10px;
}
body.course.p03 #dialog-content .consent-txt ul li + li {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #c7c7c7;
}
body.course.p03 #dialog-content .consent-txt ul li ul li + li {
    margin-top: 10px;
    padding-top: 0;
    border-top: 0;
}

body.course.p03 #dialog-content .btn-primary.agree {
    margin-top: 15px;
    text-align: center;
    margin: 18px auto 0;
    display: block;
    padding: 10px 35px;
}
body.course.p03 div#dialog-content {
    border-radius: 14px;
}

body.course.p04 .main {
    padding: 50px 0;
}

body.course.p04 .main .form-border .finish {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

body.course.p04 .main .form-border .finish i {
    position: absolute;
    left: 50%;
    top: -18px;
    transform: translateX(-50%);
    font-size: 46px;
    color: #84a7c0;
}
body.course.p04 .main .form-border .finish h3 {
    margin-bottom: 22px;
    font-weight: bold;
    color: #8b653e;
    font-size: 40px;
}
body.course.p04 .main .form-border .finish h4 {
    font-size: 22px;
    color: #537b97;
    font-weight: 600;
    letter-spacing: 1px;
}



.txt .sec02 h3 {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #917450;
    margin-bottom: 20px;
}
.txt .sec02 h1 {
    background: url(../images/title-01.svg) no-repeat left 0px top -4px;
    padding: 8px 0;
    padding-left: 66px;
    font-size: 30px;
    color: #a37865;
    font-weight: bold;
}


.txt .sec02 ul {
    list-style-type: none;
    padding-left: 0;
}
.txt .sec02 + .sec02 {
    margin-top: 60px;
}

.txt .sec02.classInfo .info {
    margin-bottom: 30px;
}
.txt .sec02 h1 small {
    font-size: 80%;
    margin-bottom: 5px;
    color: #6f6f6f;
    font-weight: normal;
}
.txt .sec02.classInfo .info .descbox h5 {
    color: #4284ab;
    font-size: 19px;
    font-weight: bold;
}


.txt .sec02.about02 h4 {
    font-size: 20px;
    color: #dc3545;
    font-weight: bold;
    text-align: center;
}

.txt .sec02.about02 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 14px 0;
    margin: 32px 0;
}
.txt .sec02.about02 ul li {
    width: 50%;
    padding: 0 10px;
    position: relative;
    padding-left: 34px;
    margin-top: 0;
}
.txt .sec02.QAbox ul li:before {
    content: "\f059";
    font-weight: 900;
    font-family: "Font Awesome 5 free";
    color: #74a6cb;
    margin-right: 9px;
    font-size: 25px;
    vertical-align: middle;
    position: absolute;
    left: 2px;
}
.txt .about03.learn .subtitle {
    /* background: #96784f; */
    /* padding: 8px; */
	margin-bottom:15px;
    text-align: center;
    color: #64451f;
    /* border-radius: 10px; */
    font-size: 20px;
    letter-spacing: 1px;
font-weight:bold;

}

.txt .about03.learn .subtitle:before {
    content: "";
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 16px;
    background: url(../images/list_item-01.svg) no-repeat center #ae906c;
    border-radius: 50%;
    background-size: 60px;
}

.txt .about03.learn .l2 .subtitle:before {
    background-image: url(../images/list_item-03.svg);
}

.txt .about03.learn .l3 .subtitle:before {
    background-image: url(../images/list_item-02.svg);
}



.txt .eyebrow .about03.learn .l1 .subtitle:before {
 background-image: url(../images/list_item2-01.svg);

}

.txt .eyebrow .about03.learn .l2 .subtitle:before {
 background-image: url(../images/list_item2-02.svg);

}
.txt .eyebrow .about03.learn .l3 .subtitle:before {
 background-image: url(../images/list_item2-03.svg);

}



.txt .about03.learn {
    background: #f5ede4;
    border-radius: 10px;
    padding: 30px 20px;
    outline: 1px solid #d6c8b7;
    outline-offset: 8px;
}
.txt .about03.learn li + li,.txt  li + li {
    margin-top: 8px;
}

.txt .about03.learn li {
    background: url(../images/list_icon.png) no-repeat left -4px top 4px;
    padding-left: 16px;
    line-height: 1.8;
}


.txt .sec02 ul.check-list li:before,.txt  ul.starlist  li:before  {
    content: "\f14a";
    font-weight: 900;
    font-family: "Font Awesome 5 free";
    color: #74cb8a;
    margin-right: 9px;
    font-size: 25px;
    vertical-align: middle;
    position: absolute;
    left: 2px;
}

.txt  ul.check-list {
    display: block;
}

.txt  ul.check-list li,.txt  ul.starlist  li {
   width: 100%;
    padding-right: 0;
    position: relative;
    padding-left: 34px;
}
.txt ul.starlist li {
    padding-left: 24px;
}
.txt ul  li label {
    color: #c35353;
    font-weight: bold;
}
.txt .sec02 ul.check-list li li:before,
.txt  ul.starlist  li:before {
    content: "\f005";
    font-size: 16px;
    color: #c19100;
}
.txt ul.starlist li li:before {
    content: "\f06b";
    color: #919191;
}
.txt .sec02 ul.check-list li li {
    padding-left: 23px;
}
.txt .fee .price-box {
    color: #c35353;
    padding-top: 8px;
    text-align: right;
    border-top: 1px solid #8a8a8a;
}
.txt .fee .price-box  .num {
    font-size: 30px;
}

.txt .fee .price-box small {
}
.txt .sec02 .fee {
    padding: 15px;
    background: #fff4f4;
    border-radius: 20px;
}
.txt strong {
    color: #b63d3d;
}
.txt .sec02 .fee strong {
    font-size: 20px;
}
.txt .sec02.apply {
    background: url(../images/cta-01.svg) bottom -27px right 0px no-repeat, url(../images/cta-02.svg) bottom -40px left 0px no-repeat #f5ede4;
    padding: 30px;
    text-align: center;
    position: relative;
    border-radius: 13px;
    padding: 30px 20%;
}
    .txt .sec02.apply h3:after, .txt .sec02.apply h3:before,.txt .sec02 .fee  h3:after,.txt .sec02 .fee  h3:before{
        content: none;
    }
.txt .sec02.apply h3 {
    /* text-align: left; */
    font-size: 32px;
}
.txt .sec02.apply .apply-btn {
    padding: 10px 17px 10px 17px;
    display: inline-block;
    /* width: 225px; */
    /* height: 120px; */
    background: linear-gradient(45deg, #c35353, #ae2929);
    border-radius: 20px;
    /* margin: 0 auto; */
    color: #fff;
    border-radius: 20px;
    align-items: center;
    text-align: center;
-webkit-animation: pulsate-bck 1s ease-in-out infinite both;
	        animation: pulsate-bck 1s ease-in-out infinite both;
}
.txt .sec02.apply .apply-btn:after,.txt .sec02.apply h3:before {
    font-weight: 900;
    font-family: "Font Awesome 5 free";
    margin-left: 18px;
}
.txt .sec02.apply .apply-btn:after {
    content: "\f0a9";
transition:0.5s all ease;
}
.txt .sec02.apply .apply-btn:hover:after {
    margin-left: 25px;
}
.txt .sec02.apply h3:before {
    content: "\f304";
    width: auto;
    height: auto;
    background: none;
    margin-left: 0;
}
/* ----------------------------------------------
 * Generated by Animista on 2026-1-16 17:3:29
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-bck
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.sec02 .pic:after {
    content: " ";
    display: block;
    position: absolute;
    background: url(../images/shadow.png) no-repeat;
    width: 100%;
    height: 13px;
    bottom: -13px;
    z-index: -10;
    background-size: 100% 13px;
    left: 0;
}
.sec02 .pic {
    position: relative;
    padding: 5px;
    border: 1px solid #eee;
}
.txt .eyebrow .contact-info h4 {
    background: url(../images/h3-01.svg) no-repeat left top;
    padding-left: 50px;
    background-size: 46px;
    color: #7d5a18;
    font-size: 24px;
}
.txt .map iframe {
    width: 100%;
    height: 200px;
}

.txt .map{
    margin-bottom:20px;
}
.txt .eyebrow .contact-info .add:before {
    content: "\f3c5";
    position: absolute;
    font-weight: 900;
    font-family: "Font Awesome 5 free";
    left: 0;
    color: #838383;
    font-size: 18px;
    top: 0px;
}

.txt  .contact-info .add {
    position: relative;
    padding-left: 21px;
}

.txt   .contact-info .add small {
    display: block;
    color: #606060;
    line-height: 1;
}

body.course .txt .sec02 h3 {
    padding-left: 0;
    background: none;
}