/* CSS Document */

/*談窗手機格式**/
.flex56 {
    width: 56%;
}

.flex44 {
    width: 44%;
}

.swal2-container .phonenumber {
    margin-left: 2%;
}


.contactbox .country-code {
    width: 52% !important;
    /* height: 50px !important; */
}

/* .swal2-container .country-code {
    margin-left: 2% !important;
    /* height: 50px !important; */
/* } */

#form-confirm .country-code {
    width: 30% !important;

}

#form-confirm .phonenumber {
    width: 69.5% !important;

}

/*首頁banner調整*/
.owl01 .item a,
.owl01 .item img {
    width: 100%;
}




/*精選文章banner調整*/
.owl01-2 .item a,
.owl01-2 .item img {
    width: 100%;
}

.owl01-2 .item {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*文字編輯前台顯示*/
.Txt {
    overflow-x: auto;
}

.Txt li {
    white-space: unset !important;
}

/*文字編輯前台  圖片顯示調整*/
.txtbox2 .txt_img {
    display: flex;
    justify-content: center;
}

.txt_img img {
    max-height: 592px;

}

.txtbox2 .txt_img img {
    width: inherit;
    max-width: 100%;

}

.mb_main .Txt img {
    width: inherit;
    max-width: 100%;
    height: auto;
}

/*精選文章卡片高度*/
.list03-3 .list_txt h3.title {
    min-height: 60px;

}



/* .list03-3 li {

    margin-top: 0px;
} */


/* .owl-item .list_img {
    min-height: 150px;
    max-height: 150px;

} */

.bundle .owl-item .list_img {
    min-height: none;
    max-height: none;
}



.box02 .minheight210 {
    height: 210px;
}

.upload_bar {
    color: white;
    ;
}

.upload_word {
    display: none;
    color: white;
    ;
}

#form-chapterCreate .upload_word {
    display: block;
}


/*
#discount-list .list_img {
    height: auto;
    max-height: 525px;
    min-height: auto;
}

#discount .list_img {
    height: auto;
    max-height: 525px;
    min-height: auto;
} */


#page em {
    font-style: italic;
    font-weight: inherit;
}

.tabbox em {
    font-style: italic;
    font-weight: inherit;

}

.mb_main em {
    font-style: italic;
    font-weight: inherit;
}

.mb_main em.prostate {
    font-style: normal;
}




.class_r .list_txt {
    width: 100%;
}


.skillitems span {
    width: auto;
    text-align: left;
    white-space: normal;
}

.loadingoverlay {
    background-color: rgba(0, 0, 0, 0.2);
}



/* .qv li {
    margin: 5% 0;
} */

.cartclose {
    padding: 4px;
}


#form-reserve .phonenumber {
    width: 47%;
}

@media(min-width:850px) {

    .cartclose {
        background: none;
        ;


    }

    .cartclose .i_close {
        display: none;

    }

}


/* .list01>ul>li {

    margin: 15px 1%;
} */

.newsbnrbox .owl-stage-outer {
    max-height: 508.3px;
    overflow: hidden;
}

.box02 .box_hd h2.title2 b span::after {
    width: 100%;

}



@media(max-width:380px) {
    .box03 .box_hd h2.title {
        font-size: var(--font-size20) !important;
    }

    .txt_l h3.title {
        font-size: var(--font-size25);
    }



}


.bundle .list_txt .txt_t p {
    font-size: var(--font-size16);
}

@media(max-width:560px) {

    /* 購物車 */
    .cartcont {
        transform: translateX(100vw);
        padding-bottom: 15vh;
    }

    #form-reserve .phonenumber {
        width: 46%;
    }

}


.btnarea-1 {
    display: none !important;
}

@media(max-width:1024px) {

    #form-confirm .country-code {
        width: 100% !important;

    }

    #form-confirm .phonenumber {
        width: 100% !important;

    }

    .owl-item .list_img {
        min-height: 210px;
        max-height: 210px;

    }

}


@media(min-width:580px) {
    .btnarea-2 {
        display: none;
    }
}

@media(min-width:780px) {
    .btnarea-3 {
        display: none;
    }
}

@media(min-width:1020px) {
    .btnarea-4 {
        display: none;
    }
}

.mdflex {
    margin: 0 auto !important;
    width: 30% !important;
}

.mdflex .ckratype2 {
    width: 100% !important;

}

.swal2-popup.popout .tfbar .way-btn {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    height: 30px;
}


.pos_contact img {
    max-height: 60px;
}




.msg_li::before {
    content: none !important;
}


@media(min-width:1020px) {
    #tab2 .planlist {
        transform: translateX(13%);
    }

    .list01 .minheight210 {
        height: 150px;
    }
}


.box04 h2.title mark {
    font-style: normal;
    color: inherit;
    position: relative;
    background: none;
}


.box04 h2.title mark:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 20px;
    background: var(--color-yellow);
    border-radius: 3px;
    z-index: -1;
}