@charset "utf-8";

/* CSS Document */

.main-bg {
    background-color: #fff;
    background-image: url("../../images/AI_blanner.png");
}

.icon-style {
    width: 100%;
    max-width: 120px;
}

.icon-text {
    font-weight: bolder;
    color: black;
    font-size: 23px;
    line-height: 1.25;
}

.hr-style {
    width: 5%;
    border: 3px solid #31bced;
}

.hr-style2 {
    width: 5%;
    border: 3px solid #feda04;
}

.hr-style3{
    width: 5%;
    border: 3px solid #e27a2d;
}

.main-padding {
    margin-top: 5%;
}

.icon-box {
    margin: auto;
}

.agenda-box {
    box-shadow: 2px 2px 5px #cbcccc;
    padding-top: 2%;
}

.notice-rwd {
    color: #feda04;
    line-height: 1.3;
    font-size: 18px;
}

#speaker-info {
    padding: 0% 15%;
}

#speaker-info .left {
    text-align: right;
}

#speaker-info .right {
    padding-top: 2%;
}

#speaker-info img {
    width: 100%;
    max-width: 200px;
}

#speaker-info p {
    text-align: left;
    font-size: 22px;
    color: #000;

}

#speaker-info ul {
    line-height: 1.65;
    font-size: 20px;
    text-align: justify;
    line-height: 32px;
    color: #000;
    padding: 0;
    padding-left: 3%;
}

.mbr-hero {
    width: 100%;
    max-width: 960px;
}

.btn-danger {
    background-color: #e35e7a;
    border-color: #e25e7a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active {
    color: #2bb37e;
    background-color: #ffffff;
    border-color: #2bb37e;
}

.plan-body {
    background-color: #fff8c4;
    border-radius: 15px;
    padding: 10px;
    margin: 10px auto;
}

.plan-title {
    font-size: 3rem;
    font-weight: 700;
    color: #1893a7;
}

.btn-primary {
    background-color: #e35e7a;
    border-color: #e35e7a;
    color: #ffffff;
    font-weight: 700;
    border-radius: 50px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
    color: #ffffff;
    background-color: #2a5258;
    border-color: #2a5258;
}

.plan-body h3 {
    font-size: 3rem;
    font-weight: 700;
    margin: 15px auto;
}

.plan-body span {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 15px auto;
}

.btn {
    color:#ffffff;
    padding: 5px 15px;
}
.btn_1 {
    color:#000000;
    padding: 5px 15px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: blue;
  text-decoration: none;
}


.mbr-navbar:before,
.mbr-navbar__container {
    height: 65px;
}

.mbr-navbar__section {
    background: #e4e8e7;
}

.mbr-navbar--stuck .mbr-navbar__section,
.mbr-navbar--relative .mbr-navbar__section {
    background: #e4e8e7ab;
    transition: 2s;
}

.mbr-hamburger__line,
.mbr-hamburger__line:before,
.mbr-hamburger__line:after {
    color: #000;
}


.mbr-buttons__link{
    font-weight: bold;
}

.mbr-header__text{
    color:#154278;
}

.mbr-header__notification{
    color:black;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align:center;
    background-color: #ffffff;
    font-size: 30px;
}

.web-container-row{
    margin: auto;
    padding-bottom: 40px;
}

.web-content-background-set{
    text-align:center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff8e9;
}

.generic-border-set3{
    padding-left: 0;
    padding-right: 0;
}

.web_name-background{
    background-color: #2700AD;
    font-size: 52px;
    line-height: 42px;
    float: right;
    width: 100%;
    text-align: center;
}

/* web_name-start */

.web_name-start-background{
    text-align: center;
    padding-top: 40px;
    /* background-color: #f2f2f2; */
    background-color: #ffffff;
}

.web_name-start-title{
    color: #154278
}

.web_name-start-hr{
    width: 5%;
    border: 3px solid #e27a2d;
    margin : 0 auto;
}

.web_name-start-size{
    max-width: 100%;
    font-size: 20px;
    text-align: center;
    line-height: 1.65;
    color: #000;
    font-weight: normal;
}

.web_name-start-content-style{
    font-size: 20px;
    text-align: center;
    line-height: 1.65;
    color: #000;
    font-weight: normal;
}

.web_name-start-content{
    font-size: 36px;
    text-align: left;
    color: black;
    width: 70vw;
    margin: 1% auto;
}

.web_name-start-image-background{
    text-align: center;
    color: white;
    padding:0px;
}

.web_name-start-image-size{
    max-width: 100%;
    width: 100%;
    margin: auto;
}

.web_name-start-image-style{
    font-size: 20px;
    text-align: center;
    line-height: 1.65;
    color: #000;
    font-weight: normal;
    padding-left: 0;
}

.web_name-start-image{
    max-width: 200%;
    width: 100%;
}

/* web_name_1-process */

.web_name_1-process-background{
    text-align: center;
    color: white;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
}

.web_name_1-process-title{
    color: #154278;
}

.web_name_1-process-hr{
    width: 5%;
    border: 3px solid #e27a2d;
    margin : 0 auto;
}

.web_name_1-process-size{
    max-width: 100%;
    width: 100%;
    margin: auto;
}

.web_name_1-process-content-style{
    font-size: 20px;
    text-align: center;
    line-height: 1.65;
    color: #000;
    font-weight: normal;
    padding-left: 0;
}

.web_name_1-process-image{
    max-width: 100%;
    width: 100%;
}

/* web_name-class-international */

.web_name-class-international-background{
    text-align:center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff8e9;
}

.web_name-class-international-title{
    color: #154278;
}

.web_name-class-international-hr{
    width: 5%;
    border: 3px solid #e27a2d;
    margin : 0 auto;
}

.web_name-class-international-size{
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

.web_name-class-international-content-style{
    font-size: 20px;
    text-align: center;
    line-height: 1.65;
    color: #000;
    font-weight: normal;
    padding-left: 0;
}

.web_name-class-international-content{
    font-size: 20px;
    text-align: justify;
    color: black;
}

.web_name-class-international-image{
    max-width: 1450px;
    width: 100%;
}

/* web_name_1-train */

.web_name_1-train-background{
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    /* background-color: #fafafa; */
    background-color: #ffffff;
}

.web_name_1-train-title{
    color: #154278;
}

.web_name_1-train-hr{
    width: 5%;
    border: 3px solid #e27a2d;
    margin : 0 auto;
}

.web_name_1-train-size{
    max-width: 100%;
    width: 100%;
    margin: auto;
}

.web_name_1-train-content-style{
    font-size: 20px;
    text-align: center;
    line-height: 1.65;
    color: #000;
    font-weight: normal;
    padding-left:0px;
}

.web_name_1-train-image{
    max-width: 100%;
    width: 100%;
}

/* web_name-ML-process */

.web_name-ML-process-background{
    text-align: center;
    color: white;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
}

.web_name-ML-process-title{
    color: #154278;
}

.web_name-ML-process-hr{
    width: 5%;
    border: 3px solid #e27a2d;
    margin : 0 auto;
}

.web_name-ML-process-size{
    max-width: 100%;
    width: 100%;
    margin: auto;
}

.web_name-ML-process-content-style{
    font-size: 20px;
    text-align: center;
    line-height: 1.65;
    color: #000;
    font-weight: normal;
    padding-left:0px;
}

.web_name-ML-process-image{
    max-width: 100%;
    width: 100%;
}

.web_name-ML-process-description{
    font-size: 20px;
    text-align: center;
    color: black;
}

/* who-participate */

.who-participate-background{
    text-align:center;
    padding-top: 20px;
}

.who-participate-title{
    color:#154278;
    margin-bottom: 20px;
    padding-bottom: 10px;
    background-color:#854c9e;
}

.who-participate-hr{
    width: 5%;
    border: 3px solid #e27a2d;
    margin : 0 auto;
}

.who-participate-size{
    max-width: 1100px;
    width: 100%;
    margin: auto;
}

.who-participate-content-title{
    color:white;
    font-size: 20px;
}

.who-participate-content-style{
    font-size: 20px;
    text-align: center;
    color: white;
    text-align: left;
}

/* web_name-partner */

.web_name-partner-title{
    color:#154278;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.web_name-partner-hr{
    width: 5%;
    border: 3px solid #e27a2d;
    margin : 0 auto;
}

.web_name-parter-banner{
    overflow: hidden;
    justify-content:space-around;
}

.web_name-partner-image{
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
}


/* excellent-class */

.excellent-class-section-background{
    color: #ffffff;
}

.excellent-class-title{
    text-align: center;
}

.excellent-class-hr{
    width: 5%;
    border: 3px solid #e27a2d;
    margin : 0 auto;
}

.excellent-class-content{
    font-size: 20px;
    text-align: center;
    color: white;
    font-weight: bold;
    word-break: break-all;
}

/* audit-apply */
.audit-apply-background{
    background-color: #6dab4f;
}

/* audit-apply-basic */

.audit-apply-basic-content-style{
    color:#fff;
    line-height: 1.65;
    font-size: 20px;
    height: 100px;
    padding-left: 0px;
}

.audit-apply-basic-content{
    font-size: 20px;
    /*text-align: center;*/
    color: white;
    font-weight: bold;
    word-break: break-all;
}

/* audit-apply-intermediate */

.audit-apply-intermediate-content-style{
    color:#fff;
    line-height: 1.65;
    font-size: 20px;
    height: 200px;
    padding-left: 0px;
}

.audit-apply-intermediate-content{
    font-size: 20px;
    /*text-align: center;*/
    color: white;
    font-weight: bold;
    word-break: break-all;
}

.audit-apply-intermediate-content-block{
    color:#fff;
    line-height: 1.65;
    font-size: 20px;
    height: 150px;
    padding-left: 0px;
}

/* audit-apply-advanced */

.audit-apply-advanced-content-style{
    color:#fff;
    line-height: 1.65;
    font-size: 20px;
    height: 120px;
    padding-left: 0px;
}

.audit-apply-advanced-content{
    font-size: 20px;
    /*text-align: center;*/
    color: white;
    font-weight: bold;
    word-break: break-all;
}

/* acl-command */

.acl-command-background{
    background-color: #ff8529;
}

/* acl-command-basic */

.acl-command-basic-content-style{
    color: black;
    line-height: 1.65;
    font-size: 20px;
    height: 100px;
    padding-left: 0px;
}

.acl-command-basic-content{
    font-size: 20px;
    /*text-align: center;*/
    color: black;
    font-weight: bold;
    word-break: break-all;
}

/* acl-command-intermediate */

.acl-command-intermediate-content-style{
    color:#fff;
    line-height: 1.65;
    font-size: 20px;
    height: 200px;
    padding-left: 0px;
}

.acl-command-intermediate-content{
    font-size: 20px;
    /*text-align: center;*/
    font-weight: bold;
    word-break: break-all;
    color: black;
}

.acl-command-intermediate-content-block{
    color:#fff;
    line-height: 1.65;
    font-size: 20px;
    height: 150px;
    padding-left: 0px;
}

/* acl-command-advanced */

.acl-command-advanced-content-style{
    color:#fff;
    line-height: 1.65;
    font-size: 20px;
    height: 120px;
    padding-left: 0px;
}

.acl-command-advanced-content{
    font-size: 20px;
    /*text-align: center;*/
    font-weight: bold;
    word-break: break-all;
    color: black;
}


/* audit-practice */

.audit-practice-background{
    background-color: #854c9e;
}

/* audit-practice-basic */

.audit-practice-basic-content-style{
    color:#fff;
    line-height: 1.3;
    font-size: 20px;
    height: 100px;
    padding-left: 0px;
}

.audit-practice-basic-content{
    font-size: 20px;
    /*text-align: center;*/
    color: white;
    font-weight: bold;
    word-break: break-all;
}

/* audit-practice-intermediate */

.audit-practice-intermediate-content-style{
    color:#fff;
    line-height: 1.2;
    font-size: 20px;
    height: 200px;
    padding-left: 0px;
}

.audit-practice-intermediate-content{
    font-size: 20px;
    /*text-align: center;*/
    color: white;
    font-weight: bold;
    word-break: break-all;
}

.audit-practice-intermediate-content-block{
    color:#fff;
    line-height: 1.2;
    font-size: 20px;
    height: 150px;
    padding-left: 0px;
}

/* audit-practice-advanced */

.audit-practice-advanced-content-style{
    color:#fff;
    line-height: 1.65;
    font-size: 20px;
    height: 120px;
    padding-left: 0px;
}

.audit-practice-advanced-content{
    font-size: 20px;
    /*text-align: center;*/
    color: white;
    font-weight: bold;
    word-break: break-all;
}

/* heavy-hitter */

.heavy-hitter-background{
    text-align:center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff8e9;
}

.heavy-hitter-hr{
    width: 5%;
    border: 3px solid #e27a2d;
    margin : 0 auto;
}

.heavy-hitter-size{
    max-width: 100%;
    width: 100%;
    margin: auto;
}

.heavy-hitter-content-style{
    font-size: 20px;
    text-align: center;
    line-height: 1.65;
    color: #000;
    font-weight: normal;
}

.heavy-hitter-image{
    max-width: 100%;
    width: 100%;
}

/* class-infor */

.class-infor-background{
    color: white;
    margin-bottom: 20px;
    padding-bottom: 10px;
    background-color: #854c9e;
    text-align: center;
}

.class-infor-hr{
    width: 5%;
    border: 3px solid #e27a2d;
    margin : 0 auto;
}

.class-infor-content-style{
    font-size: 20px;
    text-align: left;
    line-height: 1.65;
    color: #000;
    font-weight: normal;
}

.class-infor-content{
    color:white;
    font-size: 20px;
}

/* discount-program */

.discount-program-background{
    text-align: center;
    color:#154278;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.discount-program-hr{
    width: 5%;
    border: 3px solid #e27a2d;
    margin : 0 auto;
}

.discount-program-size{
    max-width: 1100px;
    width: 100%;
    margin: auto;
}

.discount-program-content-style{
    font-size: 20px;
    text-align: left;
    line-height: 1.65;
    color: #000;
    font-weight: normal;
}

.discount-program-content{
    font-size: 20px;
    color:black;
    text-align:left;
}

/* sign-up */

.title-sign-up-btn-border-set{
    border:2px solid #ffffff;
}

.sign-up-btn-border-set{
    margin: 0 10px 0 0;
    margin: 0 10px 0 0;
}

/* study-time */

.study-time-background{
    padding-bottom: 10px;
    background-color: #EAC100;
    text-align: center;
}

.study-time-hr{
    width:5%;
    border: 3px solid #6C3365;
    margin : 0 auto;
}

.study-time-size{
    max-width: 1000px;
    width: 100%;
    margin: auto;
}

.study-time-content-style{
    font-size: 20px;
    text-align: left;
    line-height: 1.65;
    color: #000;
    font-weight: normal;
}

.study-time-description{
    font-size: 20px !important;
    color: black;
}

/* notification */

.notification-hr{
    width: 5%;
    border: 3px solid #e27a2d;
    margin : 0 auto;
}

.notification-size{
    max-width: 1100px;
    width: 100%;
    margin: auto;
}

.notification-content-style{
    font-size: 20px;
    text-align: left;
    line-height: 1.65;
    color: #000;
    font-weight: normal;
}

.notification-content{
    color:#000;
    font-size: 20px;
    text-align: left;
}

/* class-date */

.class-date-background{
    text-align:center;
    background-color:#68aab5;
    padding-top: 40px;
    padding-bottom: 40px;
}

.class-date-title{
    color: #fff;
}

.class-date-hr{
    width:5%;
    border: 3px solid #fff;
    margin : 0 auto;
}

.class-date-size{
    margin:auto;
    text-align:center;
}

.class-date-description{
    color: #fff;
    text-align:center;
}

.class-date-row-height{
    height: 100%;
}

.class-date-row-background-1{
    height: 210px;
    background-color:#c74d52 !important;
}

.class-date-row-background-2{
    height: 210px;
    background-color:#EAC100 !important;
}

.class-date-row-background-3{
    height: 210px;
    background-color:#82b65d !important;
}

.class-date-row-background-4{
    height: 210px;
    background-color:#c74d52 !important;
}

.class-date-catagory-title{
    color: black;
    font-size: 24pt !important;
}

.class-date-date{
    color: black;
    font-size: 22pt !important;
}

/* payment */

.payment-size{
    margin:auto;
    text-align:left;
}

/* footer */

.footer-background{
    background-color:#686868;
}

/*card*/

.card {
    /* border: 4px solid #282828!important;
    border-radius: 2.25rem!important;*/
}

.context_1 {
    text-align: center;
    padding-top: auto;
    font-size: 17px;
    margin: auto 32%;
}

.box-width {
    max-width: 700px;
    width: 100%;
    margin: auto;
}

.box-content {
    font-size: 20px;
    text-align: left;
    line-height: 1.65;
    color: #000;
    font-weight: normal;
}

.pbox1 {
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    display: block;
    margin-bottom: 5%;
}

.pbox2 {
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 5%;
    display: none;
}

@media(max-width:1300px) {
    #speaker-info ul {
        padding-left: 5%;
    }
}

@media all and (max-device-width:1200px) {
    .context_1 {
        margin: auto 30%;
    }
}

@media all and (max-device-width: 414px) {
    .context_1 {
        font-size: 17px;
        margin: auto;
    }
}

.context_2 {
    text-align: center;
    padding-top: auto;
    font-size: 17px;
    margin: auto 20%;
}

@media all and (max-device-width: 1200px) {
    .context_2 {
        margin: auto 15%;
    }
}

@media all and (max-device-width: 768px) {
    .context_2 {
        margin: auto 8%;
    }
    #speaker-info .left {
        text-align: center!important;
    }
}

@media all and (max-device-width: 414px) {
    .context_2 {
        font-size: 17px;
        margin: auto 2% auto auto;
    }
    .context_3 {
        text-align: center;
        padding-top: auto;
        font-size: 17px;
        margin: auto 35%;
    }
    #speaker-info ul {
        padding-left: 8%;
    }
    #speaker-info p {
        text-align: left;
        font-size: 20px;
        color: #000;
        line-height: 1.5;
    }
}

@media all and (max-device-width: 1200px) {
    .context_3 {
        margin: auto 32%;
    }
}

@media all and (max-device-width: 414px) {
    .context_3 {
        font-size: 17px;
        margin: auto;
    }
}

.mbr-testimonial.card {
    background-color: transparent;
}

.mbr-testimonial {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    text-align: center;
}

@media all and (max-device-width: 414px) {
    .mbr-testimonial {
        padding: 1% 4%!important;
    }
}

.mbr-author-img {
    margin-top: -2.5rem;
}

.mbr-author-img img {
    height: 9rem;
    width: 9rem;
}

.mbr-author-name {
    color: #2d2d2d;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.3;
    padding-top: 1.25rem;
}

.mbr-author-desc {
    color: #282828;
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.597;
}

.speaker_info {
    font-style: normal;
    padding-top: 2%!important;
    padding: 4% 18%;
    text-align: justify;
}

@media all and (max-device-width: 1200px) {
    .speaker_info {
        padding: 4% 15%;
    }
    .text-style {
        padding: 2% 14%!important;
        font-size: 20px;
    }
}

@media all and (max-device-width: 414px) {
    .speaker_info {
        padding: 4% 2%;
    }
    .text-style {
        padding: 2% 4%!important;
        font-size: 18px;
        text-align: justify!important;
        line-height: 1.35;
    }
}

.border_mobile {
    border-top: none;
}

@media all and (max-device-width: 414px) {
    .border_mobile {
        border-top: 5px solid #000;
        margin-top: 5px;
        margin: auto 4%;
    }
}


/*location_time*/

.location_time {
    text-align: center;
    font-size: 1.3rem;
}

.price-rwd {
    font-size: 25px;
    font-weight: bold;
    color: #ffffff;
}

.price2-rwd {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    line-height: 1;
}

.contact-rwd {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.7;
    display: inline-block;
}

.contact-rwd b {
    color: #000;
    font-weight: 700;
}

.speaker-text {
    font-size: 18px;
    font-weight: bold;
}

.speaker-img {
    width: 100%;
    max-width: 40px;
}

.qa_box {
    display: inline-block;
    text-align: left;
    margin-top: 20px;
    width: -webkit-fill-available;
}

@media all and (max-device-width: 414px) {
    .location_time {
        font-size: .85rem;
    }
}

@media all and (max-device-width: 320px) {
    .location_time {
        font-size: .75rem;
    }
}

.time_rwd {
    font-size: 25px;
    font-weight: bold;
    color: #ffffff;
}

@media all and (max-device-width: 414px) {
    .time_rwd {
        font-size: 25px;
    }
    .price2-rwd {
        font-size: 18px;
        text-align: justify!important;
    }
    .contact-rwd {
        font-size: 15px;
        text-align: justify!important;
    }
    .speaker-text {
        font-size: 16.5px;
    }
}

@media all and (max-device-width: 375px) {
    .time_rwd {
        font-size: 22px;
    }
    .price-rwd {
        font-size: 22px;
    }
    .text-style {
        font-size: 19px!important;
    }
    .speaker-img {
        max-width: 35px;
    }
}

.location_rwd {
    font-size: 25px;
    font-weight: bold;
    color: #ffffff;
}

@media all and (max-device-width: 414px) {
    .location_rwd {
        font-size: 25px;
    }
    .detail {
        font-size: 15px;
        margin: 2% 10%;
        text-align: justify;
        line-height: 1.35;
    }
    .detail2 {
        font-size: 17px;
        margin: 2% 10%;
        text-align: center;
        line-height: 1.1;
    }
}

@media all and (max-device-width: 375px) {
    .location_rwd {
        font-size: 20px;
    }
    .detail {
        font-size: 15px;
    }
    .detail2 {
        font-size: 15px;
    }
}

@media all and (max-device-width: 360px) {
    .detail {
        font-size: 15px!important;
        margin: 2% 8%!important;
    }
    .detail2 {
        font-size: 15px!important;
        margin: 2% 8%!important;
    }
    #speaker-info p {
        font-size: 17px;
    }
}

@media all and (max-device-width: 320px) {
    .location_rwd {
        font-size: 18px;
    }
    .time_rwd {
        font-size: 20px;
    }
    .price-rwd {
        font-size: 20px;
    }
    .price2-rwd {
        font-size: 15px;
    }
    .text-style {
        font-size: 18px!important;
    }
    .speaker-img {
        max-width: 30px;
    }
}


/*fixed-報名按鈕*/

.bar {
    position: fixed;
    bottom: 59%;
    right: 13px;
    background: none;
    width: 88px;
    height: 00px;
    z-index: 99;
}

.bar a {
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 2;
    display: flex;
    color: #fff;
    /*font: normal 400 1.2rem '微軟正黑體'," Arial Narrow";
    line-height: 1.2;
    text-decoration: none;*/
    transition: opacity .3s;
    margin: 2%;
}

.bar a:hover {
    opacity: 1;
}

.button-bg {
    background-color: #040101;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    text-align: center;
    padding: 5px;
}

.button-bg img {
    width: 100%;
    max-width: 175px;
}

.box-example1 {
    background: #af0c3e;
    opacity: 0.8;
}

.box-example2 {
    background: #602b88;
    opacity: 0.8;
}

.box-square-basic {
    height: 80px;
    width: 80px;
}

.border-radius-round {
    border-radius: 50%;
    /*box-shadow: 2px 2px 5px rgba(5, 78, 127, 0.56);*/
}


/*point*/

.text-style {
    padding: 2% 22%;
    color: #010101;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.plan-body.offsale {
    background-color: #cddfdf;
}

.plan-body.offsale .btn-primary {
    background-color: #999;
    border-color: #999;
    color: #ffffff;
}

.plan-body.onsale {
    background-color: #ffec64;
}


/*agenda*/

.part-text {
    font-size: 22px;
    font-weight: 400;
    color: #eee;
}

.course-text {
    font-size: 25px;
    font-weight: bold;
    padding: 2%;
    margin: 2% 14%;
    background-color: #892685;
    color: #ffffff;
}

.course-text2 {
    font-size: 25px;
    font-weight: bold;
    padding: 2%;
    color: #892685;
}

.course-style {
    margin-top: 2%;
}

/* 設定圖片一致 */
.img-fluid {
    height: 30rem; 
}

.img-fluid_1 {
    height: 50rem; 
}


@media(max-width:1200px) {
    .icon-style {
        max-width: 92px;
    }
    .icon-text {
        font-size: 18px;
    }
    .mbr-article {
        margin: auto 2%;
    }
    .course-text2 {
        font-size: 20px;
        padding: 2% 0%;
    }
}

@media all and (max-device-width: 768px) {
    .course-text {
        font-size: 24px;
        margin: 2% 10%;
    }
    .course-text2 {
        font-size: 15px;
    }
    .course-style {
        margin-top: 0;
    }
    .icon-style {
        max-width: 125px;
    }
    .icon-text {
        font-size: 19px;
        border-left: 3px solid #000;
    }
    .mbr-article {
        margin: auto -2%;
        font-size: 14px;
    }
    .part-text {
        font-size: 20px;
    }
}

@media all and (max-device-width: 414px) {
    
    .course-text {
        font-size: 22px;
    }
    .course-text2 {
        font-size: 25px;
    }
    .mbr-article {
        margin: auto 12%;
        font-size: 19px;
    }
    .main-padding {
        margin-top: 10%;
    }
    .icon-style {
        max-width: 110px;
    }
    .icon-box {
        margin: 2%;
    }
    .hr-style {
        width: 8%;
    }
    .hr-style2 {
        width: 8%;
    }
    .agenda-box {
        padding-top: 10%;
    }
    .location_rwd {
        font-size: 22px;
    }
    .notice-rwd {
        font-size: 16px;
    }
    .main-bg {
        background-image: url("https://edm.bnext.com.tw/bnpowerbi/assets/images/bg-10.svg");
    }
}

@media all and (max-device-width: 375px) {
    .icon-style {
        max-width: 100px;
    }
    .course-text2 {
        font-size: 23px;
    }
    .mbr-article {
        margin: auto 9%;
        font-size: 18px;
    }
    .notice-rwd {
        font-size: 15px;
    }
}

@media all and (max-device-width: 360px) {
    .course-text {
        font-size: 21px;
        margin: 2% 9%;
    }
    .course-text2 {
        font-size: 21px;
        margin: 2% 2%;
    }
    .icon-style {
        max-width: 95px;
    }
    .icon-text {
        font-size: 17px;
    }
    .contact-rwd {
        font-size: 14px;
    }
}

@media all and (max-device-width: 320px) {
    .course-text {
        font-size: 21px;
        margin: 2% 5%;
        padding: 2.5%;
    }
    .course-text2 {
        font-size: 18.5px;
        margin: 2% 0%;
        padding: 2.5%;
    }
    .mbr-article {
        font-size: 16.5px;
        margin: auto 0%;
    }
    .icon-box {
        margin: 0%;
    }
    .icon-style {
        max-width: 83px;
        padding-top: 5%;
    }
    .contact-rwd {
        font-size: 12px;
    }
}


/*bg-main*/

@media all and (max-device-width:1200px) {
    .main-rwd {
        /* max-width: 800px!important; */
    }
}

@media (max-width: 767px) {
    #speaker-info .left {
        text-align: center;
    }
    #speaker-info {
        padding: 0% 5%;
    }
    .mbr-section__container--last {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .pbox1 {
        display: none;
    }
    .pbox2 {
        display: block;
    }
}