:root {
    --main_color: #1e2b5b;
    --titlecolor: #1e2b5b;
    --subtitlecolor: #aaacab;
    --txt_color: #696b76;
    --white_color: #fff;
}

.vjs-control-bar * {
    font-family: VideoJS !important;
}

.fa-solid, .fas {
    font-weight: 900!important;
}

body * {
    font-family: "Noto Sans TC","Heiti TC","微軟正黑體","Open Sans",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
    font-weight: 200!important;
}

.container {
    position: relative;
}

.carousel-indicators {
    display: none;
}

.navi-item ul li a span {
    font-size: 1.2rem;
    color: var(--txt_color);
}

.naviMain ul>li>a:hover {
    background: var(--main_color);
}

.naviMain ul>li>a:hover span {
    color: var(--white_color);
}

/* margin */
.mt_zero {
    margin-top: 0px!important;
}

.mb_zero {
    margin-bottom: 0px!important;
}

.mtb_zero {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

.mt_10 {
    margin-top: 10px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_40 {
    margin-top: 60px;
}

.mt_80 {
    margin-top: 80px;
}

.mt_100 {
    margin-top: 100px;
}

.mt_60 {
    margin-top: 60px;
}

.mb_20{
    margin-bottom:20px;
}

.mb_60{
    margin-bottom:60px;
}


/* padding */

.pt_zero{
    padding-top:0px;
}
    
.pb_zero{
    padding-bottom:0px;
}

.pr_zero{
    padding-right: 0px;
}

.pl_zero{
    padding-left: 0px;
}

.carousel-item a {
    pointer-events: none;
}

.full_w {
    width: 100vw;
    padding: 0px;
    margin-left: -50vw;
    position: relative;
    left: 50%;
    margin-right: auto;
    top: 10px;
    margin-top: -57px;
}

.custom_banner {
    width: 100vw;
    padding: 0px;
    margin-left: -50vw;
    left: 50%;
    margin-right: auto;
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.page_title > * {
    color: var(--white_color);
}

.full_w .col-md-12 {
    padding: 0px;
}

.html-info .container .full_w img {
    margin: 0px;
}

.page_title h1 {
    margin-top: 0px;
}

.html-info h1 {
    font-size: 2.4rem;
}

.html-info p.banner_sub {
    font-size: 1.8rem;
    line-height: 1.6;
}

.navbar .navi-item ul li:last-child a {
    background-color: var(--main_color);
    border-radius: 5px;
    padding: 0 1.5rem;
    height: 45px;
    line-height: 45px;
}

.navbar .navi-item ul li:last-child a span {
    color: var(--white_color);
}

body .subtitle {
    color: #aaacab;
    font-size: 18px;
    font-family: sans-serif!important;
    font-weight: 700!important;
    line-height: 1;
}

.block_1 h2 {
    font-size: 1.5rem;
    color: var(--titlecolor);
    margin-top: 0px;
    font-weight: 500!important;
    line-height: 1.4;
}

.block_1 p {
    font-size: 16px;
    line-height: 23px;
    color: var(--txt_color);
    font-weight: 500!important;
    text-align: justify;
}

.html-info a.readmore {
    color: var(--main_color);
    margin-top: 20px;
    display: flex;
}

.html-info a.readmore:hover {
    color: var(--subtitlecolor);
}

.html-info a.readmore:after {
    content: '';
    background-image: url(https://billyctheboss.com/images/billyctheboss.com/upload_file/arrorw_bg_blue.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    padding: 17px;
}

.full_bg {
    width: 100vw;
    padding: 0px;
    margin-left: -50vw;
    position: relative;
    left: 50%;
    margin-right: auto;
    background-color: #edeef0;
}

.full_bg > .row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1040px;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.num_wrap {
    display: flex;
    margin-bottom: 30px;
}

.num_text {
    padding-left: 5px;
}

.num_text h3 {
    font-size: 1.4rem;
    color: var(--titlecolor);
    margin: 0px;
    line-height: 30px;
}

.num_text p {
    margin: 0px;
}

.num_wrap:nth-child(3) {
    margin-top: 30px;
}

.num_wrap span {
    font-size: 35px;
    line-height: 35px;
    color: var(--main_color);
}

.max_w{
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
}

.feedback{
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}

.ovealy_text {
    position: absolute;
    top: 0;
    left: 0px;
    bottom: 0;
    right: 0;
    margin: 1.4rem 0 1rem;
    padding-right: 15px;
    padding-left: 130px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.max_w .block_1 h3 {
    font-size: 1.4rem;
    color: var(--txt_color);
    margin-bottom: 0px;
    margin-top: 0px;
}

.block_1 ul {
    margin-left: 26px;
    padding-left: 0px;
    color: var(--txt_color);
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}

.block_1 ul li {
    font-size: 19px;
    line-height: 29px;
}

.block_1 ol {
    padding: 0px;
    margin: 0px 0px 1rem 0px;
    display: flex;
    list-style: none;
}

.html-info .max_w a.readmore {
    margin-top: 10px;
}

.block_1 ol li {
    font-size: 16px;
    line-height: 26px;
    margin-right: 10px;
    color: var(--txt_color);
}

.block_1 ol.direct {
    flex-direction: column;
}

.block_1 li::marker {
    color: var(--main_color);
}

.four_block .col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    cursor: pointer;
    margin-top: 1.4rem;
}

.four_block .col-md-3 img {
    margin-bottom: 0px;
    transition: all .5s ease;
    margin-top: 0px;
}


.four_block .col-md-3 h3 {
    margin-bottom: 0px!important;
    font-size: 1.4rem;
    color: var(--titlecolor);
    line-height: 30px;
    transition: all .5s ease;
}

.four_block .col-md-3:hover img {transform: scale(1.1);}

.four_block .col-md-3:hover h3 {
    color: var(--subtitlecolor);
}

.four_block .col-md-3 p {
    font-size: 18px;
    line-height: 28px;
    margin: 0px 30px;
}

.center_btn {
    margin-top: 20px;
}

section {
    padding-bottom: 0px;
}

.blue_bg.full_bg {
    background-color: #f2f7fb;
}

footer {
    background-color: #1e2b5b!important;
}

.cus_footer.full_bg {
    background-color: var(--main_color);
}

.contact {
    display: flex;
    align-items: center;
    padding-bottom: 5rem;
}

.contact_text {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
}

.contact > img {
    max-width: 120px!important;
}

.contact_text > a {
    color: #fff;
    font-family: sans-serif!important;
}

.contact_text > span {
    color: #fff;
    font-family: sans-serif!important;
    margin-bottom: 10px;
    font-weight: 400!important;
}

.cus_footer.full_bg {}

.cus_footer.full_bg .row {
    padding-bottom: 0px;
}

.cus_copyright {
    color: #fff;
    font-family: sans-serif!important;
    margin-bottom: 10px;
    font-size: 15px;
    text-align: center;
}

.contact_text > a:hover {
    color: var(--subtitlecolor);
}

.html-info .max_w a.readmore ,
.html-info a.readmore{
    font-size: 1.4em!important;
}

/* blank page */
.blank-page .page-title {
    display: none;
}

.inner_page .custom_banner {
    justify-content: flex-start;
}

.inner_page .custom_banner .page_title {
    padding-right: 0px;
    width: 100%;
    max-width: 965px;
    margin: 0 auto;
}

.inner_page .custom_banner .page_title h1 {
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500!important;
}

.inner_page .block_1 p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 500!important;
}

.inner_page .block_1 p {
    margin-top: 5px;
}

.btm_txt {
    margin-bottom: 10px;
    color: #fff;
    font-weight: 300!important;
    font-size: 12px;
    text-align: center;
}

.html-info .inner_page a.readmore {
    font-size: 1.2em!important;
    font-weight: 600!important;
    margin-top: 0px!important;
}

.ready_date h2 {
    text-align: center;
}

.ready_date .sep {
    width: 62vw;
    border-bottom: 1.5px solid var(--main_color);
    margin-left: -31vw;
    position: relative;
    left: 50%;
    height: 1px;
}

.ready_date 
 .list_item {}

.ready_date .list_item h3 {
    color: var(--main_color);
    font-size: 1.2rem;
    font-weight: 500!important;
}

.ready_date .list_item h3 span {
    font-size: 1.8rem;
}

.ready_date .list_item p {position: relative;left: 37px;}

.course .subtitle {
    color: #ffffffa6;
}

.course_1.full_bg {
    background-color: transparent;
}

.course_1 .row {
    padding-top: 0px;
    padding-bottom: 0px;
}

.course_1 .num_wrap:nth-child(3) {
    margin-top: 18px;
}

.course_1 .num_wrap {
    margin-bottom: 18px;
}

.course_1 .num_text h3 {
    font-weight: 500!important;
}

.course_1 .num_wrap span {
    font-size: 40px;
    line-height: 55px;
}

.course_1 .num_text p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 500!important;
}

.max_w .block_1 .block_2 h3 {
    color: var(--main_color);
    font-weight: 500!important;
}

.block_2 .sep {
    width: 100%;
    border-top: 1.5px solid var(--main_color);
    margin-top: 10px;
    margin-bottom: 10px;
}

.block_2 {margin-top: 30px;}

.block_2 p {
    margin-bottom: 5px;
    margin-top: 0px;
}

.block_2:last-child {
    margin-top: 30px;
}

.course_2.full_bg ,
.course_4.full_bg{
    background-color: #fafafa;
}

.course_2 .num_text p {
    font-size: 16px;
    line-height: 23px;
    color: var(--txt_color);
    font-weight: 500!important;
    margin-bottom: 5px;
    margin-top: 0px;
}

.course_2  .num_text h3 {
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: 500!important;
}

.course_2 .num_wrap {
    margin-top: 15px;
    margin-bottom: 0px;
}

.course_2 .num_wrap span {
    font-size: 28px;
    line-height: 28px;
    color: var(--main_color);
}

.course_2 .num_wrap:last-child {
    margin-top: 30px;
}

.course_2 .num_text {
    padding-left: 0px;
}

.cus_list {
    line-height: 30px!important;
}

.course_4 .four_block.row {
    padding-top: 1.2rem;
}

.course_4 .col-md-4 {
    padding: 8px 5px;
    position: relative;
    overflow: hidden;
}

.course_4 .col-md-4:hover {
    overflow: hidden;
}

.course_4 .col-md-4 img {
    transform: scale(1);
    transition: all 0.5s ease;
}

.course_4 .col-md-4:hover img {
    transform: scale(0.95);
}

.feedback .sep {
    width: 100%;
    border-top: 1.5px solid var(--main_color);
    height: 1.5px;
}

.feedback h3 {
    color: var(--main_color);
    margin-top: 0px;
    font-size: 1.2rem;
    font-weight: 600!important;
    line-height: 1.5;
}

.feedback p {
    margin-top: 0.7em;
}

.feedback {
    padding-top: 2rem;
}

.feedback p:last-child {
    margin-bottom: 0px;
}

.qa {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 10px;
}

.qa_item {
    text-align: left;
}

.qa_item h3 {
    font-size: 16px;
    line-height: 23px;
    color: var(--main_color);
    font-weight: 600!important;
    margin: 0px;
}

.qa_item p {
    margin-top: 0px;
}

.qa_item:last-child p {
    margin-bottom: 0px;
}

.course_4 {
    margin-bottom: 45px;
}

.cta .page_title a {
    padding: 10px 20px!important;
    font-size: 16px!important;
    line-height: 1.4!important;
}

.course_1 .block_1 {
    padding-left: 15px!important;
    padding-top: 15px;
    padding-right: 15px;
}

.course_1 .num_wrap span {
    font-size: 30px;
    line-height: 30px;
}

.course_block .block_1.w_45 {
    padding-top: 15px;
    padding-right: 15px!important;
    padding-left: 15px!important;
}

.course_block .w_55 {
    padding-left: 0px!important;
}

.title::before {background-color: var(--main_color);}

.title::after {background-color: var(--txt_color);}

.form-group label {
    color: var(--main_color);
    font-weight: 500!important;
}

#contact_submit {
    border-color: var(--main_color);
    color: #fff;
    background-color: var(--main_color);
    border-radius: 5px;
    width: 15%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.title span:first-child {
    color: var(--main_color);
    font-weight: 500!important;
}

/* 全網站改顏色 */

.article-group a {
    color: var(--main_color);
}

.article-group a:hover {
    color: var(--subtitlecolor);
}

aside>ul>li>a:before {
    background-color: var(--main_color);
}

aside>ul>li>a:hover {
    color: var(--main_color);
}

.read-more {
    right: auto;
}

a.read-more:hover {color: var(--main_color);}

#search-btn {
    color: var(--main_color);
    border-color: var(--main_color);
}

#search-btn:hover {
    color: #fff;
    background-color: var(--main_color);
}

li.breadcrumb-item {}

li.breadcrumb-item a {
    color: var(--main_color);
}

li.breadcrumb-item a:hover {
    color: var(--subtitlecolor);
}

.article-intro a {
    color: var(--main_color);
    font-weight: 700!important;
}

.article-intro a h2.middle-title {
    font-weight: 700!important;
    margin-bottom: 0px;
    height: 2.5em;
}

.article-intro>p {
    height: auto;
}

.article-classify>a:first-of-type::before ,
.article-classify a{
    color: var(--main_color);
}

.article-intro a:hover {
    color: var(--subtitlecolor);
}

#gotop:hover {
    border-color: var(--main_color);
    color: var(--main_color);
}

#gotop:hover::after {
    color: var(--main_color);
}

#share-btn,
.comment-area .comment-body .comment-row .user-comment-edit .comment-sent-out {
    background-color: var(--main_color);
}

.comment-area .comment-header .comment-counter>span {
    background-color: var(--main_color);
    line-height: 1.3em;
    margin-right: 5px;
}

.slick-dots li.slick-active button::before {background-color: var(--main_color)!important;opacity: 1;}

.slick-dots li button::before {
    background-color: var(--main_color)!important;
    opacity: .4;
}

.block_1 .dot_wrap ul li {
    font-size: 16px;
    line-height: 23px;
    font-weight: 500!important;
    color: var(--main_color);
}

.block_1 .dot_wrap ul li span {
    color: var(--txt_color);
    font-weight: 500!important;
}

.course_2 .cus_ler span {
    font-size: 38px;
    line-height: 33px;
    margin-right: 5px;
}

.course_2 .cus_ler h3 {
    margin-bottom: 0px;
    line-height: 20px;
}

.course_2 .cus_ler.num_wrap {
    margin-top: 20px;
}

.bg_w.full_bg {
    background-color: white;
}

.bg_w.full_bg > .row {
    padding-top: 0px;
    padding-bottom: 0px;
}

.feed_block {
    max-width: 800px;
    padding-top: 45px;
}

.feed_item {
    display: flex;
    margin-bottom: 35px;
}

.feed_item img {
    border-radius: 50%;
}

.feed_txt .name {
    color: var(--main_color);
    margin: 0px 0px 10px 0px;
    padding-bottom: 10px;
    border-bottom: 1.5px solid var(--main_color);
    font-weight: 600!important;
}

.feed_txt {
    text-align: justify;
    padding-left: 25px;
    max-width: 78%;
}

.feed_cont{
    margin: 0px;
}

.feed_img {
    width: 90%;
    padding-top: 5px;
}

.feed_cont p:first-child {
    margin-top: 0px;
}

/* -----------------------------------mobile 767  scott-----------------------------------*/
@media (max-width: 767px) {

footer .container > .row.justify-content-end {
    width: 400px;
    flex-wrap: wrap!important;
    justify-content: center!important;
}

footer .container > .row.justify-content-end > .col-md-5 {
    padding-left: 0px!important;
}

.event_block.ready_date .list_item p {
    left: 0;
    text-align: left;
    font-size: 15px;
    line-height: 25px;
}

.event_block.ready_date .list_item p br {
    display: inline;
}

.event-signup-content::before {
    bottom: 96%!important;
}

.event_cta img {
    height: 320px;
    object-fit: cover;
    object-position: left;
}

.event_cta .custom_banner {
    width: 100%;
    left: 0;
    padding: 0 15px;
}

.event_cta.col-md-12:before {
    content: "";
    background-color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

.event_cta .col-md-12:before {
    background-color: #ffffff8a;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.block_1 .dot_wrap ul li {
    font-size: 18px;
}

.block_1 .dot_wrap ul li {
    margin-bottom: 15px;
}

.feed_item {
    display: block;
}

.feed_img {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.feed_item img {
    max-width: 50%!important;
}

.feed_txt {
    max-width: 100%;
    padding-right: 25px;
}

.feed_txt .name {
    text-align: center;
    margin-top: 10px;
}

.block_1 p br{
    display: none;
}

.html-info br {
    display: none;
}

.cta.full_w {
    margin-top: -15px!important;
    margin-bottom: 10px;
}

.course_4.full_bg {
    margin-bottom: 0px;
}

.cta.full_w img {
    height: 280px;
    object-fit: cover;
    object-position: 0%;
}

.cta.full_w:after {
    content: "";
    background-color: #ffffff8f;
}

.qa {
    padding-left: 15px;
    padding-right: 15px;
}

.course_2 .col-md-6 {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.feedback .block_1 {
    padding: 15px!important;
}

.feedback .col-md-4 {
    padding-left: 15px!important;
    padding-right: 15px;
}

.ready_date .list {
    padding-left: 15px;
    padding-right: 15px;
}

.ready_date .sep {
    width: 90vw;
    margin-left: -45vw;
}

.html-info {
    margin-bottom: 0px;
}

.no_phone > .col-md-6:first-child {
    padding: 0px;
}

.no_phone > .block_1.col-md-6 {
    padding-left: 15px!important;
    padding-right: 15px!important;
    margin-top: 20px;
}

.mt_100 {
    margin-top: 50px;
}

.inner_page {
    margin-bottom: 50px;
}

.contact_text span {
    font-size: 26px;
}

.contact_text a {
    font-size: 16px;
}

.phone_rev {
    flex-direction: column-reverse;
}

.cus_copyright {
    text-align: center;
}

.custom_banner {
    justify-content: center;
    top: 15px;
    z-index: 2;
}

.full_w {
    margin-top: 30px;
}

.html-info h1 {
    font-size: 2rem;
}

.html-info p.banner_sub {
    font-size: 1.6rem;
}

.full_w:after {
    content: "";
    background-color: #1e2b5b70;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.html-info .container .full_w img {
    height: 405px;
    object-fit: cover;
}

.page_title {
    padding-right: 20px!important;
    padding-top: 0px;
    padding-left: 20px!important;
}

.mobile-menu.left-style .mobile-logo {
    /* float: right; */
}

.mobile-menu.left-style .hamburger {
    float: right;
    margin-top: 7px;
}

.block_1 h2 {
    font-size: 1.3rem;
}

.block_1 p {
    font-size: 18px;
    line-height: 28px;
    margin: 0.5rem 0;
}

.num_text h3 {
    font-size: 1.6rem;
    line-height: 34px;
}

body .subtitle {
    font-size: 16px;
}

.mt_80 {
    margin-top: 40px;
}

.full_bg {
    padding: 0px 17px;
}

.container {
    padding-left: 17px;
    padding-right: 17px;
}

.full_80 img {
    height: 350px;
    object-fit: cover;
    margin: 0px!important;
}

.mt_60 {
    margin-top: 30px;
}

.ovealy_text {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
}

.full_80 .col-md-12 {
    padding: 0px;
}

.html-info .max_w a.readmore {
    margin-top: 20px;
    font-size: 17px;
}

}

/* -----------------------------------desktop 1025 -----------------------------------*/

@media(min-width:1025px){

.course_4.event_full .four_block .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.event_block .col-md-6 {
    max-width: 100%!important;
    flex: 0 0 100%!important;
}

.event_block .phone_rev,
.event_block.phone_rev {
    flex-direction: column-reverse;
}

.cta .page_title {
    padding-right: 230px;
}

.feedback .w_25{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.feedback .w_75{
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.course_3.max_w {
    max-width: 850px;
}

.course_3 .block_2:last-child {
    margin-top: 0px;
}

.course_1 .col-md-6.w_55 {
    margin-top: 7px;
}

.inner_page {
    margin-bottom: 100px;
}

.inner_page .max_w {
    max-width: 1140px;
}

.naviMain ul>li>a {
    line-height: 38px;
}
.naviMain ul {
    padding-top: 5px;
}

 .html-info {
    max-width: 1140px;
    margin: auto;
} 

.col-md-6.w_55{
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
}

.col-md-6.w_45 {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
}

.col-md-6.w_60{
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.col-md-6.w_40 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.cus_pdr {
    padding-left: 50px;
}

}

/* ----------------------------------- ipad 直式 -----------------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.cus_pdr {
    padding-left: 50px;
}
}

/* -----------------------------------banner title -----------------------------------*/

.page_title {
    padding-right: 50px;
}


/* custom event*/

.event_block  .row {
    margin: 0px;
}

.event-signup-content {
    border: 1px solid  var(--main_color);
}

.event-signup-content::before {
    color: var(--main_color);
    background-color: #fff;
    bottom: 94%;
    font-weight: 700;
}

.event-signup-content p,.event-signup-content li {
    font-size: 16px;
    line-height: 23px;
    font-weight: 500!important;
    color: var(--txt_color);
}

.event-signup-content {
    border: 1px solid #1e2b5b;
}


.event-signup-content a.btn-full {
    background-color: #1e2b5b;
}

.event-signup-content a.btn-full:hover {
    background-color: #1e2b5b78;
}

.event-signup-content a.btn-border {
    border: 1px solid #1e2b5b;
    color: #1e2b5b;
}

.event-signup-content a.btn-border:hover {
    border: 1px solid #1e2b5b78;
    color: #1e2b5b78;
}

.event_block  .block_2 {
    margin-top: 0px;
}

.event_block .block_2:last-child {
    margin-top: 30px;
}

.full_bg.event_full {
    width: 100%;
    margin: 0;
    left: auto;
}

.course_2.full_bg.event_full .mt_80 {
    margin-top: 30px;
}

.event_full .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px!important;
    padding-left: 15px!important;
}

.course_4.full_bg.event_full .qa.row {
    padding-left: 15px;
    padding-right: 15px;
}

.event_cta {
    position: relative;
}

.event_cta .custom_banner {
    width: auto;
    margin: 0;
}

.event_cta .custom_banner .page_title {
    padding-right: 0px;
}

.event_cta .custom_banner .page_title a {
    padding: 5px 10px!important;
    font-size: 12px!important;
}

.event_cta .custom_banner .page_title h2 {font-size: 1.2rem;font-weight: 700;}

body .event_cta .custom_banner .page_title .subtitle {
    font-size: 14px;
}

.event_block.ready_date .sep {
    width: 100%;
    margin-left: auto;
    left: 0;
}

/* footer 客製化 */

footer {
    background-color: #1e2b5b;
}

footer > .container {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0px;
}

footer .container > a {
    display: none;
    pointer-events: none;
}

footer .container > .row.justify-content-end {
    width: 400px;
    flex-wrap: nowrap;
    margin-left: auto;
    margin-right: auto;
}

footer .container > .row.justify-content-end > a > .col-12,
footer .container > .row.justify-content-end .col-12{
    padding: 0px;
    width: 120px;
    max-width: 100%;
}

footer .container > .row.justify-content-end > a img,
footer .container > .row.justify-content-end .col-12 > img  {
    max-width: 120px;
    width: 120px;
}

footer .container > .row.justify-content-end > a {
    pointer-events: none;
    width: auto;
    position: relative;
    max-width: fit-content;
}

footer .container > .row.justify-content-end > .col-md-5 {
    width: 100%;
    padding: 0px;
    max-width: 100%;
    padding-left: 20px;
}

footer .container > .row.justify-content-end > .col-md-5 > ul li:nth-child(2)  a {
    display: none;
}

footer .container > .row.justify-content-end > .col-md-5 > ul > a > li ,
footer .container > .row.justify-content-end > .col-md-5 ul li:nth-child(1),
footer .container > .row.justify-content-end > .col-md-5 ul li:nth-child(2),
footer .container > .row.justify-content-end > .col-md-5 ul li:nth-child(3){
    white-space: pre;
    color: #fff!important;
    margin-bottom: 5px;
}

footer .container > .row.justify-content-end > .col-md-5 ul li {
    color: #fff!important;
    margin-bottom: 5px;
}

footer .copyright {
    display: none;
}

.cus_footer.full_bg {
    display: none;
}

footer .container > .row.justify-content-end > .col-md-5 ul li.social-link {
    white-space: normal;
    display: none;
}

footer .container > .row.justify-content-end > .col-md-5 ul li:nth-child(4) {
    display: none;
}
/*
.fa-classic, .fa-regular, .fa-solid, .far, .fas {
font-family: "Font Awesome 6 Free" !important;}
.fa-brands, .fab {
font-family: "Font Awesome 6 Brands" !important;}
*/
.fa,.far,.fas {
    font-family: "Font Awesome 5 Free"!important;
}
.fab {
    font-family: "Font Awesome 5 Brands"!important;
}