#enButton {
    position: absolute;
    right: 20px;
    top: 25px;
    z-index: 1;
}

    #enButton a {
        display: block;
        padding: 0.2em 0.5em;
        border: 1px solid #FFF;
        border-radius: 0.3em;
        color: #FFF;
        font-size: 1.4em;
        background-color: rgba(255, 255, 255, 0.2);
    }

.Identity {
    position: absolute;
    color: #ffffff;
    background-color: #000;
    font-size: 0;
    right: 0;
}

.ul-ol-display ul > li,
.ul-ol-display ol > li {
    margin-left: 1em;
}

.ul-ol-display ul > li {
    list-style-type: disc;
}

.ul-ol-display ol > li {
    list-style-type: decimal;
}

body #wrapper.style2 header .mainmenu-group > .container {
    padding: 22px;
}

    body #wrapper.style2 header .mainmenu-group > .container .submenu-group > .container .right-group .news-group {
        padding: 5px 0;
    }

        body #wrapper.style2 header .mainmenu-group > .container .submenu-group > .container .right-group .news-group .title {
            font-size: 0.938em;
        }

body #wrapper header .mainmenu-group > .container .submenu-group > .container .right-group .card-group .img-container,
body #wrapper header .mainmenu-group > .container .submenu-group > .container .right-group .info-group {
    display: none;
}

body #wrapper.style2 header .mainmenu-group > .container .menu-group > li:not(:last-of-type) > .submenu-group > .container .left-group > li:first-of-type {
    display: none;
}

.logo-container img {
    width: 231px;
}

.logo-container h1 {
    display: none;
}

body .model-qa-group .topic {
    font-size: 1.1em;
}

body #wrapper main .sect-service.index {
    padding: 100px 0;
}

    body #wrapper main .sect-service.index .owl-carousel .owl-item .item .card-group .img-container p {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        color: #FFF;
        font-size: 1.5em;
        text-align: center;
        padding: 0.2em 0;
    }

.news-group .row {
    /*border-bottom: 1px solid #c8c9ca;*/
    padding: 8px 10px;
}

    .news-group .row::after {
        display: block;
        content: '　';
        height: 1px;
        background-color: #c8c9ca;
        font-size: 0.063em;
        margin: 10px 0;
    }

    .news-group .row .tag-group {
        display: block;
        height: 28px;
        width: 6em;
        padding-top: 2px;
        margin-right: 0.5em;
        margin-bottom: 5px;
        line-height: 28px;
        font-size: 1em;
    }

.news-group .tag-group .tag {
    display: inline-block;
    font-size: 1em;
    text-align: center;
    padding: 0 1em;
}

.news-group .date,
.news-group .title {
    vertical-align: top;
}

.news-group .row .date {
    display: inline-block;
    width: 90px;
}

.news-group .title {
    display: inline-block;
    width: calc(100% - 95px);
}

.news-group .newsSite1 {
    background-color: #D34509;
    color: #ffffff;
}

    .news-group .newsSite1::before {
        content: "本院訊息";
    }

.news-group .newsSite3,
.news-group .newsSite42 {
    background-color: #3e619e;
    color: #ffffff;
}

    .news-group .newsSite3::before,
    .news-group .newsSite42::before {
        content: "課程訊息";
    }

.news-group .newsSite22 {
    background-color: #645a98;
    color: #ffffff;
}

    .news-group .newsSite22::before {
        content: "證照訊息";
    }

.news-group .newsSite25 {
    background-color: #42853D;
    color: #ffffff;
}

    .news-group .newsSite25::before {
        content: "就業招考";
    }

.news-group .newsSite2 {
    background-color: #8E7248;
    color: #ffffff;
}

    .news-group .newsSite2::before {
        content: "研究資訊";
    }

body #wrapper main .sect-News {
    background-image: url("../img/background-img7.png");
    background-size: 100% auto;
    padding: 40px 0px;
}

.sect-News .container {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    padding: 0px 40px;
}

.sect-News .news-group .date {
    width: 6em;
    text-align: center;
    padding: 0.3em 0;
}

.sect-News .news-group .title {
    width: 90%;
    margin-top: -28px;
    margin-left: 0.5%;
}


body #wrapper main .sect-news.index .NewsListgv {
    margin: 2em auto;
}

body #wrapper main .sect-news.index .news-container .topic {
    margin-bottom: 20px;
}

body #wrapper main .sect-news.index .news-container .news-group {
    margin-bottom: 1em;
}

    body #wrapper main .sect-news.index .news-container .news-group .row,
    .popNews .news-group .row {
        padding: 5px 0;
        padding-left: 10px;
    }

        body #wrapper main .sect-news.index .news-container .news-group .row::after,
        .popNews .news-group .row::after {
            margin-bottom: 0.7em;
            height: 2px;
            background-color: #ffffff;
        }


body #wrapper main .sect-news.index .news-group .title {
    width: auto;
    padding: 0 1em;
}

.popNews .news-group .row .title {
    display: inline-block;
    width: 100%;
}

body #wrapper main .sect-news.index .NewsListgv li span.date {
    display: none;
}

body #wrapper main .sect-exam .news-group .row,
body #wrapper main .sect-license .news-group .row {
    border: 0;
    padding: 8px 10px;
    margin-bottom: 0;
}

    body #wrapper main .sect-exam .news-group .row .date,
    body #wrapper main .sect-license .news-group .row .date {
        position: static;
    }

    body #wrapper main .sect-exam .news-group .row .title,
    body #wrapper main .sect-license .news-group .row .title {
        font-size: 1em;
    }

body .model-card-group.colorbox {
    padding-bottom: 40%;
}

    body .model-card-group.colorbox .title {
        font-size: 1.3em;
        padding-left: 10%;
        padding-right: 10%;
        font-weight: bold;
        background-color: #00000010;
    }

        body .model-card-group.colorbox .title span {
            font-size: 0.7em;
            font-weight: normal;
        }

body .sect-course .colorbox {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 10.4em;
    padding: 0;
    margin: 1em 0;
}

    body .sect-course .colorbox img {
        width: 100%;
    }

    body .sect-course .colorbox .title {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 0.5em;
        background-color: #476cb4;
        font-size: 1em;
        line-height: 1.5em;
        white-space: nowrap;
        border-top: 3px solid #334a76;
    }

        body .sect-course .colorbox .title.formationtitle {
            position: relative;
            bottom: 0;
            width: 100%;
            padding: 0.5em;
            /*background-color: transparent;*/
            background-color: #00000010;
            font-size: 1em;
            line-height: 1.5em;
            white-space: nowrap;
            border-top: transparent;
        }

.sect-course h1 {
    font-size: 1em;
}

body .model-form-container.search > .container {
    overflow: auto;
    padding: 30px 40px 10px;
}

body .model-form-container .form-group .data-group .select {
    padding: 5px 10px 5px;
}

body .model-form-container .form-group .select-group .select {
    width: 100%;
    min-height: 38px;
    font-size: 1em;
    padding: 5px 10px 11px;
    -webkit-appearance: none;
    background-color: #ffffff;
}

body .model-form-container .form-group .select-group::after {
    content: '';
    position: absolute;
    right: 8px;
    bottom: 17px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    border-color: #000000 transparent transparent transparent;
    z-index: 5;
}

.sect-license .model-card-group.colorbox {
    position: relative;
}

    .sect-license .model-card-group.colorbox .title {
        margin-top: -0.3em;
        word-break: normal;
    }

.sect-license span.btn {
    position: absolute;
    width: 100%;
    display: block;
    left: 0;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 1.5%;
}

.NewsListgv > ul,
.NewsListgv > ul > li {
    display: block;
}

    .NewsListgv > ul > li {
        border-bottom: 1px solid;
        border-bottom-color: currentcolor;
        border-color: #c8c9ca;
        padding: 10px 10px 15px 85px;
        margin-bottom: 15px;
    }

.NewsListMore {
    display: block;
    float: right;
    font-size: 1em;
    text-align: center;
    border: 0;
    border-radius: 5px;
    padding: 8px 10px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    color: #ffffff;
    background: -webkit-gradient(linear, left top, right bottom, from(#827f2c), to(#999528));
    background: linear-gradient(to bottom right, #827f2c, #999528);
}

.modalBackground {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.6);
}

.modalPopup {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 1170px;
    width: 90%;
    overflow: auto;
    background-color: #ffffff;
    border: 7px solid;
    border-color: #ac9168;
    border-radius: 15px;
    padding: 1em 2em;
    margin: 2em auto;
}

    .modalPopup.modalPopupAlert {
        max-width: 400px;
    }

    .modalPopup .modalPopupTitle {
        display: block;
        text-align: center;
        font-weight: bold;
        font-size: 1.2em;
    }

    .modalPopup .modalPopupContent {
        max-height: calc(100vh - 18em);
        margin: 1em auto;
        overflow: auto;
    }

    .modalPopup.modalPopupAlert .modalPopupContent {
        text-align: center;
    }

    .modalPopup .modalPopupBottom {
        text-align: center;
    }


body .magnific-popup {
    width: 55em;
}

.a_block {
    display: block;
    text-align: center;
    border: 0;
    border-radius: 5px;
    padding: 8px 10px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    color: #ffffff;
    background: -webkit-gradient(linear, left top, right bottom, from(#827f2c), to(#999528));
    background: linear-gradient(to bottom right, #827f2c, #999528);
}

.ul,
.ul > li {
    display: block;
}

    .ul > li {
        margin: 0.4em auto;
    }

/*h2白字樣式*/
body .model-topic-group.colorW {
    color: #fff !important;
}

body .sect-License .model-tag-group.style3 .container > li:first-of-type {
    width: calc(100% / 2);
}

#ReminderBlock {
    background-color: rgba(67, 169, 214, 0.1);
    padding: 1em;
    border-radius: 10px;
    margin-bottom: 1em;
}

.gvGroup,
.gvGroup span {
    display: block;
}

body .sect-course .container .SeriesActivObj2,
body .sect-course .container .plPromteFBS {
    margin: 1em 0;
}

    body .sect-course .container .SeriesActivObj2 .gvGroup {
        margin: 0.5em 0;
    }

body #wrapper main .sect-course > .container .imgBanner {
    width: 100%;
}

body #wrapper main .sect-course > .container > .detail-container .left-group {
    width: 65%;
}

    body #wrapper main .sect-course > .container > .detail-container .left-group .detail-group .SeriesActivityPadding {
        display: block;
        width: 100%;
        overflow: auto;
    }

body #wrapper main .sect-course > .container > .detail-container .right-group {
    width: 35%;
}

body .model-card-group.course-detail .tip2 {
    margin: 0.5em 0;
    padding: 0.5em 0.7em;
    background-color: #f5f7fb;
}

    body .model-card-group.course-detail .tip2 > a.link {
        display: block;
        text-align: right;
    }

body .model-card-group.course-list .info-group {
    position: unset;
}

body .model-card-group.course-list .go-detail {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 0;
}

body #wrapper.style2 header .mainmenu-group > .container .submenu-group > .container .right-group > .topnews + .news-group {
    border-color: #fff;
}

    body #wrapper.style2 header .mainmenu-group > .container .submenu-group > .container .right-group > .topnews + .news-group .title {
        font-weight: initial;
        line-height: 1.4;
        height: 60px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    body #wrapper.style2 header .mainmenu-group > .container .submenu-group > .container .right-group > .topnews + .news-group .row {
        border: 0;
    }

        body #wrapper.style2 header .mainmenu-group > .container .submenu-group > .container .right-group > .topnews + .news-group .row .title {
            width: auto;
        }

/*首頁形象圖*/
body #wrapper main .sect-banner .img-container {
    height: 100%;
}

    body #wrapper main .sect-banner .img-container .mainPicture {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
    }

    body #wrapper main .sect-banner .img-container > .mainPicture > .keyword {
        background-image: url('/Uploads/Home/KeyView/Keyviewword.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 100%;
        width: 100%;
        height: 100%;
    }

    body #wrapper main .sect-banner .img-container > .mainPicture > .rwd-logo {
        position: absolute;
        top: 0;
        width: 200px;
        right: 0;
        left: 0;
        margin: 1.5em auto;
    }

body #wrapper main .sect-banner.index .scroll-group {
    bottom: 30px;
}

    body #wrapper main .sect-banner.index .scroll-group > img {
        width: 50px;
    }


/*banner輪播*/
body #wrapper main .sect-service.exam2 {
    padding: 40px 0;
}

    body #wrapper main .sect-service.course2 .container,
    body #wrapper main .sect-service.exam2 .container {
        margin-top: 0;
    }

    body #wrapper main .sect-service.exam2 .owl-carousel .owl-item .item {
        padding: 0;
    }

body #wrapper main .sect-service.license .owl-carousel .owl-item .item,
body #wrapper main .sect-service.exam .owl-carousel .owl-item .item {
    padding-bottom: 0.25em;
}

/*課程banner*/
body #wrapper main .sect-service .owl-carousel .owl-item .item {
    padding-bottom: 1em;
}

.gvGroup > span > a {
    width: 80%;
}

    .gvGroup > span > a > img {
        min-width: 100%;
    }

    .gvGroup > span > a .title {
        padding: 0.5em;
        background-color: #555;
        color: #fff;
        min-height: 60px;
    }

body .model-topic-group sub {
    font-size: 1.063em;
    font-weight: normal;
    vertical-align: baseline;
}

/*名師列表*/
body .model-card-group.teacher .top-container {
    border: 0;
}

    body .model-card-group.teacher .top-container .img-container {
        width: 100px;
        height: 150px;
        border-radius: 1em;
    }

    body .model-card-group.teacher .top-container .info-group {
        height: 13em;
        max-height: none;
        padding-left: 120px;
    }

        body .model-card-group.teacher .top-container .info-group .row {
            margin-top: 1em;
        }

            body .model-card-group.teacher .top-container .info-group .row .detail {
                white-space: normal;
                text-overflow: clip;
            }

/*相關書籍 推薦書籍*/

body #wrapper main .sect-course > .container .SeriesClassObj,
.gvGroup > span {
    display: inline-block;
    width: 20%;
    text-align: center;
    margin: 0.5em 0;
    vertical-align: top;
}

    body #wrapper main .sect-course > .container .SeriesClassObj .FBSObjTitle {
        padding: 0.5em;
    }

        body #wrapper main .sect-course > .container .SeriesClassObj .FBSObjTitle > span {
            line-height: 1.4;
            height: 42px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font-size: initial;
        }

.l {
    text-align: left !important;
}

.c {
    text-align: center !important;
}

.r {
    text-align: right !important;
}

.m {
    vertical-align: middle !important;
}

body #ctl00_ContentPlaceHolder1_imgCert {
    top: auto;
    left: auto;
    right: -20px;
    bottom: -170px;
}

body .model-tag-group.style1 .tag-container .title {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
    text-align: center;
    padding: 5px 0;
}

body .pop-search-group.active {
    z-index: 998;
}

body .pop-search-group .container .input-group .input-text,
body .pop-search-group .container .input-group .select {
    min-height: 42px;
}

.homeTip {
    position: relative;
    max-width: 840px;
    height: 640px;
    padding: 0;
}

    .popInformation > span,
    .homeTip > span {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        border-radius: 0 0 0 10px;
        padding: 8px 15px;
        background-color: #e6ded1;
        cursor: pointer;
        z-index: 1;
    }

        .homeTip > span > i {
            display: inline-block;
            width: 1.6em;
            height: 1.6em;
            line-height: 1.5em;
            font-size: 0.8em;
            font-weight: bold;
            color: #999;
            background-color: #FFF;
            vertical-align: middle;
            text-align: center;
            border-radius: 5px;
            margin-right: 5px;
            margin-top: -2px;
        }

    .homeTip > div {
        width: 100%;
        height: 100%;
        display: table;
    }

        .homeTip > div > div {
            display: table-row;
        }

            .homeTip > div > div > div {
                display: table-cell;
            }

            .homeTip > div > div:last-child > div {
                height: 40px;
                line-height: 40px;
                font-size: 0.938em;
                padding: 0 10px;
                background-color: #E6DED2;
                background-color: rgba(172, 145, 105, 0.3);
            }


.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

#iframePc {
    display: block;
}

#iframeMobile {
    display: none;
}

body .float-group.active {
    z-index: 1000;
}

body .sect-about .detail-ab {
    position: relative;
}

    body .sect-about .detail-ab > hr {
        border: 1px solid #aaa;
        border-style: dashed;
        margin-top: 1.5em;
        margin-bottom: 2em;
    }

    body .sect-about .detail-ab .clear > div > article > hr {
        border: 1px solid #eee;
    }


body .sect-about .detailgroup {
    position: absolute;
    bottom: 0;
    margin: 1rem 0;
}

    body .sect-about .detailgroup .model-article-group {
        display: table;
        width: 100%;
        border-spacing: 20px 0;
    }

        body .sect-about .detailgroup .model-article-group > p {
            padding: 0.5em;
            padding-left: 1em;
            line-height: 1.5em;
            display: table-cell;
            width: 30%;
            vertical-align: top;
            background-color: rgba(71, 108, 180, 0.05);
            border-radius: 10px;
        }

            body .sect-about .detailgroup .model-article-group > p > span {
                margin-left: 0.5em;
            }

                body .sect-about .detailgroup .model-article-group > p > span:first-of-type {
                    position: relative;
                }

                    body .sect-about .detailgroup .model-article-group > p > span:first-of-type:before {
                        content: '';
                        position: absolute;
                        display: block;
                        width: 8px;
                        height: 8px;
                        left: -0.8em;
                        top: 9px;
                        background-color: #ac9168;
                    }

                body .sect-about .detailgroup .model-article-group > p > span:last-of-type {
                    display: block;
                    font-size: 1em;
                    line-height: 1.7em;
                }

body #wrapper main .sect-about .time {
    background-color: rgba(163, 158, 35, 0.26);
    font-size: 1.125em;
    color: #666;
    padding: 30px 0;
}

body .model-article-group .img-container .img.m-t-5 {
    margin-top: 0.5em;
}


.sect-license .model-card-group.colorbox .title.black {
    color: #000;
}

body #wrapper.style1 header .btn-menu span,
body #wrapper.style1 header .btn-menu span::before,
body #wrapper.style1 header .btn-menu span::after {
    box-shadow: 0 3px #000;
}

body #wrapper main .sect-research .teacher-group {
    overflow: auto;
}

    body #wrapper main .sect-research .teacher-group .img-container {
        position: relative;
        top: 0;
        left: 0;
        z-index: 5;
        float: left;
        margin: 1em;
        margin-top: -3.5em;
    }

        body #wrapper main .sect-research .teacher-group .img-container .img {
            width: 300px;
        }

    body #wrapper main .sect-research .teacher-group .name,
    body #wrapper main .sect-research .teacher-group .info-group {
        padding: 20px 10px 20px 350px;
    }

body #wrapper main .sect-research .teacher-group2 .name,
body #wrapper main .sect-research .teacher-group2 .info-group {
    padding: 20px 10px 20px 20px;
}

body #wrapper.style2 header .mainmenu-group > .container .action-group > li .action-menu-group {
    top: 25px;
    padding-top: 40px;
}

body #wrapper.style2 header .mainmenu-group > .container .action-group > li > a > .icon-cart {
    margin-right: 0.3em;
}

body #wrapper.style2 header .mainmenu-group > .container .logo-container .img {
    width: 270px;
    height: 40px;
}

/*系統訊息*/
#Message h2 > span {
    font-size: 0.7em;
    margin: auto 0.5em;
}

#Message .MessageLogo {
    display: inline-block;
    width: 15%;
    vertical-align: middle;
}

    #Message .MessageLogo img {
        margin: 0 auto;
        display: block;
        max-width: 100%;
    }

#Message .MessageItem {
    display: inline-block;
    width: 79%;
    vertical-align: middle;
    margin: 1em auto;
}

    #Message .MessageItem .MessageItemTitle {
        font-size: 1.2em;
        display: block;
        font-weight: bold;
        line-height: 2em;
    }

#Message .MessageLink {
    text-align: center;
}

body .model-btn.mb {
    margin-bottom: 10px;
}

/*出版首頁 銀行家雜誌影片*/
.sect-publisher .iframe-group {
    height: 16rem;
    background: -webkit-gradient(linear-gradient(to top, #c9c9c9, #dfdfdf));
    background: linear-gradient(to top, #c9c9c9, #dfdfdf);
}

.sect-publisher .model-card-group.colorbox {
    padding-bottom: 0;
}

.sect-publisher .model-card-group .iframe-group img,
.sect-publisher .model-card-group .iframe-group video {
    transition: all 0.5s;
    max-width: 85%;
}

.sect-publisher .model-card-group:hover .iframe-group img,
.sect-publisher .model-card-group:hover .iframe-group video {
    transform: translate(-50%, -50%) scale(1.05);
}

.sect-publisher .model-card-group.colorbox > p {
    color: #333;
    padding: 1em 0.5em;
    margin-top: 0.5em;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.sect-publisher .img-container img
{
    max-width:100%;
}

.sect-publisher .list-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}

    .sect-publisher .list-group > li {
        flex: calc((100% - 3em) / 4);
        max-width: calc((100% - 3em) / 4);
    }

        .sect-publisher .list-group > li a {
            display: block;
            margin-bottom: 0.5em;
        }

            .sect-publisher .list-group > li a img {
                max-width: 100%;
                display: block;
            }


/*首頁 最新消息 限制兩行*/
body #wrapper main .sect-news.index .news-group a {
    max-height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4;
}

/*證照、就業招考上方重要公告*/
body #wrapper main .license-top,
body #wrapper main .exam-top {
    display: flex;
    max-width: 1280px;
    margin: auto;
}

    body #wrapper main .license-top .sect-service.license,
    body #wrapper main .exam-top .sect-service.exam {
        flex: 0 0 360px;
        max-width: 360px;
        padding: 10px 0;
    }

        body #wrapper main .license-top .sect-service.license .container {
            padding: 0;
        }

        body #wrapper main .license-top .sect-service.license .owl-carousel.owl1023 .owl-stage,
        body #wrapper main .exam-top .sect-service.exam .owl-carousel.owl1023 .owl-stage {
            width: 300px !important;
            transform: translate3d(0px, 0px, 0px) !important;
            height: 340px;
        }

        body #wrapper main .license-top .sect-service.license .owl-carousel.owl1023 .owl-item,
        body #wrapper main .exam-top .sect-service.exam .owl-carousel.owl1023 .owl-item {
            float: none;
            margin-bottom: 1em;
            width: 100% !important;
        }

    body #wrapper main .license-top .sect-license1,
    body #wrapper main .exam-top .sect-exam {
        order: -1;
        flex: 1;
    }

    body #wrapper main .exam-top .sect-service .container {
        margin: 0;
        padding: 0;
    }

    body #wrapper main .exam-top .sect-exam,
    body #wrapper main .sect-exam bg-image1 {
        padding: 0;
    }

body #wrapper main .sect-exam.area {
    padding-top: 0;
}

/*body #wrapper main .sect-service .container {
    padding: 0 30px;
}*/

body #wrapper main .sect-license.add {
    background-image: none;
    padding: 0;
    line-height: 2.5em;
    background-color: #fdeceb;
    margin-bottom: 40px;
    margin-top: -40px;
}

    body #wrapper main .sect-license.add.noticDtail {
        background-color: transparent;
    }

    body #wrapper main .sect-license.add .container {
        padding-top: 1em;
        padding-bottom: 1em;
        font-size: 1.2em;
        color: #c00;
        /*text-indent:-5.8em;
    margin-left:6em;*/
    }

        body #wrapper main .sect-license.add .container > span {
            background-color: #fff;
            padding: 0.1em 0.5em;
            border-radius: 50px;
            line-height: 1.5em;
            float: left;
            margin-right: 0.5em;
            font-weight: bold;
            border: 1px solid #c00;
        }

        body #wrapper main .sect-license.add .container > p {
            line-height: 1.7em;
        }

            body #wrapper main .sect-license.add .container > p:first-of-type {
                padding-left: 110px;
            }

            body #wrapper main .sect-license.add .container > p > a {
                background-color: #cc0000;
                color: #fff;
                border-radius: 50px;
                padding: 0 1em;
                margin: 0.1em auto;
                transition: 0.3s all ease;
            }

                body #wrapper main .sect-license.add .container > p > a:hover {
                    background-color: #9e0303;
                }

    body #wrapper main .sect-license.add .hideClick {
        text-align: center;
        color: #cc0000;
        font-weight: bold;
        cursor: pointer;
    }

        body #wrapper main .sect-license.add .hideClick span {
            position: relative;
        }

            body #wrapper main .sect-license.add .hideClick span:before {
                content: '';
                position: absolute;
                left: -15px;
                bottom: 16.5px;
                display: block;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 10px 6px 0 6px;
                border-color: #cc0000 transparent transparent transparent;
                z-index: 5;
            }

        body #wrapper main .sect-license.add .hideClick.top span:before {
            border-width: 0 6px 10px 6px;
            border-color: transparent transparent #cc0000 transparent;
        }

    body #wrapper main .sect-license.add ul {
        padding-left: 1.5em;
    }

    body #wrapper main .sect-license.add .addList > li {
        list-style-type: cjk-ideographic;
    }

        body #wrapper main .sect-license.add .addList > li > span {
            margin: 0.5em auto;
            line-height: 1.5em;
        }

        body #wrapper main .sect-license.add .addList > li > ul > li {
            list-style-type: decimal;
        }

    /*table*/
    body #wrapper main .sect-license.add .container > div {
        overflow: auto;
    }

    body #wrapper main .sect-license.add .container .addTable {
        display: block;
        line-height: 1.5em;
        color: #000;
        margin: 0.5em auto;
        width: 1180px;
    }

        body #wrapper main .sect-license.add .container .addTable tr {
            min-height: auto;
        }

        body #wrapper main .sect-license.add .container .addTable th,
        body #wrapper main .sect-license.add .container .addTable td {
            padding: 0.7em;
            border: 1px solid #eee;
        }

        body #wrapper main .sect-license.add .container .addTable th {
            background-color: #cc0000;
            color: #fff;
        }

            body #wrapper main .sect-license.add .container .addTable th:first-of-type {
                width: 10%;
            }

            body #wrapper main .sect-license.add .container .addTable th:nth-of-type(2) {
                width: 41%;
            }

        body #wrapper main .sect-license.add .container .addTable td {
            background-color: #fff;
        }

            body #wrapper main .sect-license.add .container .addTable td[rowspan="2"],
            body #wrapper main .sect-license.add .container .addTable td[rowspan="3"] {
                text-align: center;
            }

/*有連結的時候再加*/
/*body #wrapper main .sect-license.add p > a{
    color: #c00;
    padding-left:110px;
}
body #wrapper main .sect-license.add p > a:hover {
    text-decoration:underline;
}*/

/*測驗列表*/

.LicenseProductList td:not(:first-of-type) {
    white-space: nowrap;
}

.sect-license .remindBlock {
    margin: 0.5em auto;
    padding: 0.5em;
    font-size: 1.1em;
    background-color: #f3ece1;
    text-align: center;
    background: linear-gradient(-45deg, transparent 12px, #f3ece1 0) right, linear-gradient(135deg, transparent 12px, #f3ece1 0) left;
    background-size: 50% 100%;
    background-repeat: no-repeat;
    color: #333;
}

/*FAQ*/
.faqStyle {
    font-size: 1.125em;
}

    .faqStyle > li {
        display: inline-block;
        width: 24%;
        vertical-align: top;
        padding: 0.5em;
        line-height: 2;
    }

        .faqStyle > li > h3 {
            color: #716e19;
            font-size: 1.3em;
            border-bottom: 1px solid #a9a41d;
            line-height: 1.5em;
            width: 60%;
            position: relative;
            padding-left: 18px;
        }

            .faqStyle > li > h3:after {
                content: "\e258";
                font-family: 'Glyphicons Halflings' !important;
                font-size: 0.7em;
                position: absolute;
                left: 0;
            }

        .faqStyle > li > ul {
            padding-left: 1em;
        }

.model-qa-group > .detail-container ol {
    font-size: 1.125em;
    line-height: 2;
}

.faqSelect > .selectStyle {
    width: 50%;
}

.selectStyle {
    margin-bottom: 1em;
    font-size: 1em;
    padding: 8px 10px;
    line-height: 2;
}

body #wrapper main .sect-search > .container > .row .card-group .title {
    overflow: hidden;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*常見問題 id*/
.model-qa-group .id {
    text-align: right;
    color: #666;
    font-size: 0.813em;
}

/*證照 額滿input*/
body .model-card-action .select-container > div {
    margin-bottom: 0.5em;
}

body .model-card-action .select-container .select-group .select,
.select-container > div > .checkbox {
    border: solid 1px #888;
    margin: 0;
    padding: 8px 10px;
    height: 38px;
}

body#p_licenseexamlist .model-tag-group {
    padding-right: 330px;
}

body#p_licenseexamlist .model-card-action,
body#p_licenseexamlist .model-card-action .select-container {
    position: unset;
}

    body#p_licenseexamlist .model-card-action .select-container > div:last-of-type {
        position: absolute;
        top: 79px;
        right: 40px;
        width: auto;
    }

.select-container > div > .checkbox {
    background-color: #fff;
}

    .select-container > div > .checkbox > input {
        width: 18px;
        height: 18px;
        vertical-align: middle;
        margin: 0;
    }

    .select-container > div > .checkbox > label {
        vertical-align: middle;
        margin: 0;
        margin-left: 0.2em;
    }



/*頁籤按鈕樣式*/
body .model-pagenumber-group > li {
    padding: 0;
}

    body .model-pagenumber-group > li a {
        line-height: 1.3em;
        padding: 5px;
    }

#Spindle > div:last-of-type {
    background-image: url(../img/background-img13.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    #Spindle > div:last-of-type > img {
        max-width: 100%;
        display: block;
        margin: auto;
    }


/*文章列表樣式*/

body #wrapper main .sect-knowledge > .container .list-container > .row {
    padding-bottom: 18px;
    margin-bottom: 18px;
}

    body #wrapper main .sect-knowledge > .container .list-container > .row .card-group {
        position: initial;
    }

        body #wrapper main .sect-knowledge > .container .list-container > .row .card-group .img-container {
            bottom: 18px;
        }

        body #wrapper main .sect-knowledge > .container .list-container > .row .card-group .detail {
            height: 4.5em;
            max-height: 4.5em;
            line-height: 1.5em;
        }

    body #wrapper main .sect-knowledge > .container .list-container > .row .info-group {
        display: inline-block;
        line-height: 2;
        vertical-align: top;
        padding-left: 330px;
        color: #666;
    }

        body #wrapper main .sect-knowledge > .container .list-container > .row .info-group .date {
            margin-right: 20px;
        }


    body #wrapper main .sect-knowledge > .container .list-container > .row .card-group .title {
        vertical-align: top;
    }

    /*檔案置於列表頁樣式*/
    body #wrapper main .sect-knowledge > .container .list-container > .row .info-group .download-group li > a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        max-height: 2em;
    }

        body #wrapper main .sect-knowledge > .container .list-container > .row .info-group .download-group li > a:before {
            content: "\e9c7";
            font-family: 'tabf' !important;
        }

/*沒有主圖*/
body #wrapper main .sect-knowledge > .container .list-container.noIMG > .row .card-group,
body #wrapper main .sect-knowledge > .container .list-container.noIMG > .row .info-group {
    padding-left: 0;
}

    body #wrapper main .sect-knowledge > .container .list-container.noIMG > .row .card-group .detail {
        height: auto;
    }

    body #wrapper main .sect-knowledge > .container .list-container.noIMG > .row .card-group .img-container {
        display: none;
    }

/*分兩欄*/
body #wrapper main .sect-knowledge > .container .half > .row {
    display: inline-block;
    width: 47.5%;
    margin: 1em 0.5em;
    vertical-align: top;
    min-height: 237px;
}

    body #wrapper main .sect-knowledge > .container .half > .row:last-child {
        padding-bottom: 10px;
        margin-bottom: auto;
    }

body #wrapper main .sect-research > .container .half > .row .card-group .title {
    max-height: 62px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4;
}

body #wrapper main .sect-knowledge > .container .half > .row .card-group,
body #wrapper main .sect-knowledge > .container .half > .row .info-group {
    padding-left: 43%;
}

    body #wrapper main .sect-knowledge > .container .half > .row .card-group .img-container {
        width: 40%;
        height: 110px;
    }

/*分三欄*/
body #wrapper main .sect-knowledge > .container .thired > .row {
    display: inline-block;
    width: calc(100% / 3 - 1.5em);
    margin: 1em 0.5em;
    vertical-align: top;
    border: 1px solid #bbb;
    padding: 1em 0.5em 0.7em 0.5em;
    border-radius: 10px;
    text-align: center;
}

    body #wrapper main .sect-knowledge > .container .thired > .row:last-child {
        border-bottom: 1px solid #bbbbbb;
        padding-bottom: 10px;
        margin-bottom: 1em;
    }

    body #wrapper main .sect-knowledge > .container .thired > .row .card-group .info-group .date {
        margin-right: 5px;
    }

/*分兩欄無主圖*/
body #wrapper main .sect-knowledge > .container .half.noIMG > .row {
    min-height: 205px;
}

/*沒有details*/
body #wrapper main .sect-knowledge > .container .noDetails .row .card-group .detail {
    display: none;
}

/*研究計畫/成果*/
#p_researchplan #wrapper main .sect-knowledge > .container .list-container > .row .card-group {
    width: 85%;
}

#p_researchplan #wrapper main .sect-knowledge > .container .list-container > .row .info-group {
    position: initial;
}

    #p_researchplan #wrapper main .sect-knowledge > .container .list-container > .row .info-group > div {
        position: absolute;
        right: 4em;
        bottom: 0;
        top: 0;
        margin: auto;
    }

    #p_researchplan #wrapper main .sect-knowledge > .container .list-container > .row .info-group .download-group .file-pdf > a,
    #p_researchplan #wrapper main .sect-knowledge > .container .list-container > .row .info-group .download-group .file-doc > a,
    #p_researchplan #wrapper main .sect-knowledge > .container .list-container > .row .info-group .download-group .file-docx > a {
        font-size: 0em;
        position: initial;
    }

        #p_researchplan #wrapper main .sect-knowledge > .container .list-container > .row .info-group .download-group .file-pdf > a::before {
            font-family: 'tabf' !important;
            font-size: 3.125rem;
            position: absolute;
            top: 0em;
            left: 0;
        }

        #p_researchplan #wrapper main .sect-knowledge > .container .list-container > .row .info-group .download-group .file-pdf > a::before {
            content: url("../img/pdf.png");
            color: #c00;
        }

        #p_researchplan #wrapper main .sect-knowledge > .container .list-container > .row .info-group .download-group .file-pdf > a::after {
            content: 'PDF';
            display: block;
            position: absolute;
            font-size: 0.8rem;
            width: 40px;
            text-align: center;
            top: 2.7em;
            background-color: #c00;
            color: #fff;
            left: 1em;
            border-radius: 5px;
        }



/*研究所首頁輪播*/
body .sect-research .model-tag-group.style1-1 {
    margin-bottom: 0;
}

body #wrapper main .sect-research .model-tag-group .row {
    background-color: #ffffff;
    border: 1px solid #c8c9ca;
    border-bottom: 4px solid #a39e23;
    margin-bottom: 30px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    body #wrapper main .sect-research .model-tag-group .row .card-group {
        width: 100%;
    }

    body #wrapper main .sect-research .model-tag-group .row .title,
    body #wrapper main .sect-research .model-tag-group .row .detail,
    body #wrapper main .sect-research .model-tag-group .row .info-group {
        padding: 0 1em;
    }

    body #wrapper main .sect-research .model-tag-group .row .title {
        height: 3em;
        line-height: 1.5em;
        font-size: 1.25em;
        font-weight: bold;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        margin-top: 10px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    body #wrapper main .sect-research .model-tag-group .row .detail {
        font-size: 0.938em;
        line-height: 22px;
        height: 98px;
        border-top: 1px solid;
        border-color: #dcdddd;
        padding-top: 10px;
        margin-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        margin: 0.5em 0;
    }

    body #wrapper main .sect-research .model-tag-group .row .date {
        display: block;
    }

    body #wrapper main .sect-research .model-tag-group .row .info-group {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    body #wrapper main .sect-research .model-tag-group .row .fileinfo {
        position: absolute;
        top: 0.5em;
        right: 0.5em;
    }

    body #wrapper main .sect-research .model-tag-group .row .img-container {
        width: 100%;
        padding-bottom: 50%;
    }

body #wrapper main .sect-researchh .model-tag-group .row .img-container img {
    max-width: 100%;
    max-height: 100%;
}

/*BEI、台灣金融風險指數*/
body #wrapper main .exponetblock .model-topic-group {
    margin-bottom: -40px;
}

body #wrapper main .exponetriskblock .model-topic-group {
    margin-bottom: -20px;
}

body #wrapper main #ExponentList .list-container .row .card-group > .title {
    height: 31px;
}

body #wrapper main #ExponentList .list-container .row .info-group .fileinfo {
    display: none;
}

/*BEI*/
body #wrapper main .exponetblock > .container > .model-article-group > .detail {
    max-width: 55%;
    display: inline-block;
    margin-right: 1em;
    vertical-align: middle;
}

body #wrapper main .exponetblock > .container > .model-article-group > img {
    max-width: 40%;
    display: inline-block;
    vertical-align: middle;
}

/*台灣金融風險指數*/
body #wrapper main .exponetriskblock > .container > .model-article-group > .detail {
    max-width: 50%;
    display: inline-block;
    margin-right: 1em;
    vertical-align: middle;
}

body #wrapper main .exponetriskblock > .container > .model-article-group > img {
    max-width: 45%;
    display: inline-block;
    vertical-align: middle;
}

/*研究所新南向*/
.southblock > .container > .model-article-group > .img-container > img {
    width: 80%;
}

#SounthLink > .container > .model-article-group > .img-container > img {
    margin-top: 70px;
    margin-bottom: 0;
}

body .model-card-group.knowledge .info-group .author-group {
    margin: auto;
    display: table;
    width: 100%;
}

    body .model-card-group.knowledge .info-group .author-group .date {
        display: table-cell;
        vertical-align: top;
    }

    body .model-card-group.knowledge .info-group .author-group .author {
        display: table-cell;
        vertical-align: top;
        text-align: right;
    }

/*tabstyle*/
.tablestyle {
    margin: 1em 0;
    border: 2px solid #aaa;
    border-radius: 10px;
    padding: 0.5em 1em;
    border-collapse: separate;
    box-sizing: border-box;
    position: relative;
}

    .tablestyle th,
    .tablestyle td {
        padding: 1em;
        line-height: 1.7em;
        vertical-align: middle;
    }

    .tablestyle th {
        border-bottom: 1px solid #aaa;
    }

.tabstyle > .indextab {
    display: block;
    width: 100%;
    color: #777;
    padding: 0;
}

    .tabstyle > .indextab > span {
        font-size: 1.125em;
        text-align: center;
        border: 1px solid;
        border-color: #3e3a39;
        color: #333;
        border-radius: 5px;
        padding: 5px 10px;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        margin-bottom: 30px;
        margin-right: 10px;
        cursor: pointer;
    }

    .tabstyle > .indextab > .action {
        color: #ffffff;
        background-color: #716e19;
        border: 1px solid;
        border-color: #716e19;
    }

.tabstyle > div {
    width: 100%;
    display: none;
}

.tabstyle > .action {
    display: block;
}

#default > div {
    position: relative;
}

body .model-card-group.knowledge .info-group .title {
    height: 3em;
    line-height: 1.5em;
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-top: 10px;
}

/*場地出租*/
body #wrapper main .sect-customer .model-topic-group > a {
    font-size: 0.7em;
    margin: auto 0.2em;
}

/*客戶服務*/
body .sect-customer .tag-group {
    position: absolute;
    top: 0;
    right: 40px;
}

    body .sect-customer .tag-group li {
        display: inline-block;
    }

        body .sect-customer .tag-group li .option.active {
            color: #000;
            background-color: #c6e5f3;
            border: 1px solid;
            border-color: #43a9d6;
        }

        body .sect-customer .tag-group li .option {
            font-size: 1.125em;
            font-weight: initial;
            background-color: #f7f8f8;
            border: 1px solid;
            border-color: #898989;
            border-radius: 5px;
            padding: 5px 10px;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

@media screen and (max-width: 1366px) {

    body #wrapper main .sect-about > .container,
    body #wrapper main .sect-course > .container,
    body #wrapper main .sect-license > .container,
    body #wrapper main .sect-exam > .container,
    body #wrapper main .sect-publisher > .container,
    body #wrapper main .sect-research > .container,
    body #wrapper main .sect-customer > .container,
    body #wrapper main .sect-service .container,
    body .model-tag-group.style1-1 .owl-carousel {
        padding: 0px 100px;
    }


    body #wrapper main .license-top,
    body #wrapper main .exam-top {
        padding: 0 100px;
    }

        body #wrapper main .license-top .sect-service.license,
        body #wrapper main .exam-top .sect-service.exam {
            flex: 0 0 330px;
            max-width: 330px;
        }

        body #wrapper main .license-top .sect-license1 .container,
        body #wrapper main .exam-top .sect-exam.news .container {
            padding: 0;
            padding-right: 20px;
        }

        body #wrapper main .license-top .sect-service.license .container,
        body #wrapper main .exam-top .sect-service.exam .container {
            padding: 0;
            padding-left: 20px;
        }

    body .model-form-container.search > .container {
        padding: 30px 100px 10px;
    }

    body .sect-customer .tag-group {
        right: 100px;
    }

    body .sect-about .detail-ab .clear:first-of-type {
        padding-bottom: 16em;
    }

    body#p_licenseexamlist .model-card-action .select-container > div:last-of-type {
        right: 100px;
    }
}

@media screen and (max-width: 1280px) {
    /*body #wrapper main .sect-banner .img-container >.mainPicture > .keyword
    {
        background-size: 50%;
    }*/
}

@media screen and (max-width: 1200px) {
    body .model-card-group.colorbox .title {
        font-size: 1em;
    }

    .sect-News .news-group .title {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }

    body #wrapper main .exponetblock .model-topic-group,
    body #wrapper main .exponetriskblock .model-topic-group {
        margin-bottom: 30px;
    }

    body #wrapper main .sect-knowledge > .container .thired > .row .card-group > .title {
        font-size: 1.125em;
    }
}

@media screen and (max-width: 1023px) {

    body #wrapper main .sect-about > .container,
    body #wrapper main .sect-course > .container,
    body #wrapper main .sect-license > .container,
    body #wrapper main .sect-exam > .container,
    body #wrapper main .sect-publisher > .container,
    body #wrapper main .sect-research > .container,
    body #wrapper main .sect-customer > .container,
    body #wrapper main .sect-service .container,
    body .model-tag-group.style1-1 .owl-carousel {
        padding: 0px 40px;
    }

    body .model-form-container.search > .container {
        padding: 30px 40px 10px;
    }

    body .sect-customer .tag-group {
        right: 40px;
    }

    body .pop-search-group {
        width: 100%;
        height: 100vh;
        top: 0;
    }

        body .pop-search-group.active {
            z-index: 9999;
        }

    body #wrapper main .sect-banner.index {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }

        body #wrapper main .sect-banner.index .owl-carousel .item {
            height: 100vh;
        }

    /*body #wrapper main .sect-banner .img-container >.mainPicture >.keyword
    {
        background-size: auto 65%;
    }*/

    body #wrapper main .sect-course > .container .SeriesClassObj,
    .gvGroup > span {
        width: 25%;
    }

    .homeTip {
        width: 266px;
        height: 500px;
        padding: 0;
    }

    #iframePc {
        display: none;
    }

    #iframeMobile {
        display: block;
    }

    .popInformation {
        max-width: 90%;
    }

    .faqStyle > li {
        width: 32%;
    }

    body #wrapper main .sect-research .south-group .option .title {
        width: 80%;
    }

    body #wrapper main .sect-knowledge > .container .thired > .row .card-group > .title {
        font-size: 1.5em;
    }

    body #wrapper main .sect-knowledge > .container .half > .row {
        display: block;
        width: 100%;
    }

        body #wrapper main .sect-knowledge > .container .half > .row .card-group,
        body #wrapper main .sect-knowledge > .container .half > .row .info-group {
            padding-left: 300px;
        }

            body #wrapper main .sect-knowledge > .container .half > .row .card-group .img-container {
                width: 280px;
                height: 120px;
            }

    body #wrapper main .sect-knowledge > .container .list-container.half.niIMG .row .card-group .detail {
        height: auto !important;
    }

    body #wrapper main .sect-knowledge > .container .thired {
        text-align: left;
    }

        body #wrapper main .sect-knowledge > .container .thired > .row {
            width: calc(100% / 2 - 1.5em);
        }

    body #wrapper main .sect-knowledge > .container #TrendList > .row {
        height: auto;
        min-height: auto;
    }

    body #wrapper main .exponetblock > .container > .model-article-group > .detail,
    body #wrapper main .exponetriskblock > .container > .model-article-group > .detail {
        max-width: 100%;
        margin-right: 0;
    }

    body #wrapper main .exponetblock > .container > .model-article-group > img,
    body #wrapper main .exponetriskblock > .container > .model-article-group > img {
        max-width: 80%;
        margin: auto;
        display: block;
    }

    .southblock > .container > .model-article-group > .img-container > img {
        width: 90%;
    }

    .addTable.MainTable2 > tbody > tr > td:before {
        position: relative;
        margin-right: 0.5em;
        left: 0;
    }

    .modalPopup {
        margin-bottom: 6em;
    }

    body .sect-about .detail-ab .clear:first-of-type {
        padding-bottom: 18em;
    }

    body #wrapper main .sect-course > .container > .detail-container .right-group,
    body #wrapper main .sect-course > .container > .detail-container .left-group {
        width: 100%;
    }

    .LicenseProductList td:not(:first-of-type) {
        white-space: normal;
    }

    body #wrapper main .license-top .sect-service.license .container,
    body #wrapper main .exam-top .sect-service.exam .container,
    body #wrapper main .exam-top .sect-exam.news .container {
        padding: 0 40px;
    }

    body #wrapper main .license-top,
    body #wrapper main .exam-top {
        display: block;
        padding: 0;
    }

        body #wrapper main .license-top .sect-service.license,
        body #wrapper main .exam-top .sect-service.exam {
            flex: 0 0 100%;
            max-width: 100%;
        }

    body#p_licenseexamlist .model-card-action .select-container > div:last-of-type {
        right: 40px;
    }
}

@media screen and (max-width: 850px) {
    body #wrapper main .sect-banner .img-container > .mainPicture > .keyword {
        background-size: auto 90%;
    }
}

@media screen and (max-width: 767px) {

    body #wrapper main .sect-about > .container,
    body #wrapper main .sect-course > .container,
    body #wrapper main .sect-license > .container,
    body #wrapper main .sect-exam > .container,
    body #wrapper main .sect-publisher > .container,
    body #wrapper main .sect-research > .container,
    body #wrapper main .sect-customer > .container,
    body #wrapper main .sect-service .container,
    body .model-tag-group.style1-1 .owl-carousel {
        padding: 0px 20px;
    }

    body .model-form-container.search > .container {
        padding: 30px 20px 10px;
    }

    body .sect-customer .tag-group {
        right: 20px;
    }

    /*課程搜尋 進階搜尋按鈕*/
    #p_course .model-form-container.search > .container > .clear > .col-xs-12.col-sm-2 > .action-group {
        padding-left: 10px;
        padding-right: 10px;
    }

    body #wrapper main .sect-banner .img-container > .mainPicture > .keyword {
        background-image: url('/Uploads/Home/KeyView/Keyviewword-s.svg');
        background-size: 95% auto;
    }

    body #wrapper main .sect-course > .container .SeriesClassObj {
        width: 50%;
    }

    body .sect-License .model-tag-group.style3 .container > li:first-of-type {
        width: calc(100% / 1.5);
    }

    .gvGroup > span {
        width: 49%;
    }

        .gvGroup > span > a {
            width: 90%;
        }

    body .sect-about .detail-ab {
        padding-bottom: initial;
    }

    body .sect-about .detailgroup {
        position: relative;
        bottom: auto;
    }

        body .sect-about .detailgroup .model-article-group {
            display: block;
        }

            body .sect-about .detailgroup .model-article-group > p {
                display: block;
                width: 100%;
            }

    body #wrapper main .sect-research .teacher-group .name {
        padding: 200px 10px 30px 10px;
    }

    body #wrapper main .sect-research .teacher-group .info-group {
        padding: 20px;
    }

    #Message .MessageLogo,
    #Message .MessageItem {
        display: block;
        width: 100%;
    }

    body #wrapper main .sect-research .teacher-group .img-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 5;
        float: none;
        margin: auto;
        margin-top: auto;
        text-align: center;
        display: block;
        position: relative;
        background-color: #ac9168;
    }

        body #wrapper main .sect-research .teacher-group .img-container .img {
            margin: 1em;
        }

    body #wrapper main .sect-research .teacher-group .name {
        padding: 0.5em;
    }

    body #wrapper main .sect-license.add p > span {
        position: relative;
        top: 0;
    }

    body #wrapper main .sect-license.add p > a {
        padding: 0;
    }

    body #wrapper main .sect-license.add .container > p:first-of-type {
        padding-left: 0;
    }

    body #wrapper main .sect-license.add .container > span {
        padding: 0 0.5em;
    }

    .faqSelect > .selectStyle {
        width: 100%;
    }

    .faqStyle > li,
    .faqStyle > li > h3 {
        width: 100%;
    }

    body #wrapper main .sect-research .south-group .option.style1 {
        padding: 50px 0;
    }

    body #wrapper main .sect-knowledge > .container .list-container > .row {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    body #wrapper main .sect-knowledge > .container .list-container .row .info-group {
        font-size: 0.75em;
        padding-left: 120px;
    }

    body #wrapper main .sect-knowledge > .container .half > .row .card-group,
    body #wrapper main .sect-knowledge > .container .half > .row .info-group {
        padding-left: 120px;
    }

        body #wrapper main .sect-knowledge > .container .half > .row .card-group .img-container {
            width: 100px;
            height: 55px;
        }

    body #wrapper main .sect-knowledge > .container .thired > .row {
        width: calc(100% - 1em);
    }

    body #wrapper main .sect-knowledge > .container .list-container > .row .card-group .detail {
        display: none;
    }

    .exponetblock > .container > .model-article-group > img {
        max-width: 80%;
    }

    body #wrapper main .sect-login .info-group .community-group {
        padding: 0 10px;
    }

    body .sect-about .model-card-group.colorbox .title {
        font-size: 1.3em;
    }

    body #wrapper main #ExponentList .list-container .row .card-group > .title {
        height: auto;
    }

    #p_researchplan #wrapper main .sect-knowledge > .container .list-container > .row .info-group > div {
        top: -15px;
    }

    body .sect-about .detail-ab .clear:first-of-type {
        padding-bottom: 0;
    }

    body #wrapper main .license-top .sect-service.license .container,
    body #wrapper main .exam-top .sect-service.exam .container,
    body #wrapper main .license-top .sect-license1 .container,
    body #wrapper main .exam-top .sect-exam.news .container {
        padding: 0 20px;
    }

    body#p_licenseexamlist .model-card-action .select-container > div:last-of-type {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 10px;
        width: 100%;
    }

    body#p_licenseexamlist .model-tag-group {
        padding-right: unset;
    }

    .sect-publisher .list-group > li {
        flex: calc((100% - 1em) / 2);
        max-width: calc((100% - 1em) / 2);
    }
}

/*表單樣式*/
.form {
}

    .form label {
        vertical-align: middle;
        padding: 0 0.3em;
    }

    .form input[type="radio"],
    .form input[type="checkbox"] {
        width: 18px;
        height: 18px;
        margin: 0;
        margin-top: -2px;
        vertical-align: middle;
        accent-color: #827f2c;
    }

        .form input[type="radio"]:checked + label,
        .form input[type="checkbox"]:checked + label {
            font-weight: bold;
            color: #827f2c;
        }

        .form input[type="radio"]:disabled + label,
        .form input[type="checkbox"]:disabled + label {
            color: #9898a6;
        }

    .form input[type="text"] {
        margin: 0;
        resize: none;
    }

    .form input[type="text"],
    .form textarea {
        width: 100%;
    }

        .form input[type="text"].noWidth,
        .form textarea.noWidth {
            width: auto;
        }

    .form select {
        min-width: 10em;
        background-color: #FFFFFF;
        margin-right: 1em;
        line-height: 1.31em;
    }

    .form option:hover {
        background-color: #faf9f4;
    }

    .form input[type="text"],
    .form textarea,
    .form select {
        border: 1px solid #ccc;
        border-radius: 5px;
        box-sizing: border-box;
        font-size: inherit;
        padding: 0.3em;
        vertical-align: middle;
    }

    .form input[type="text"],
    .form textarea,
    .form label {
        margin-right: 1em;
        line-height: 1.333em;
    }

    .form select:disabled {
        background-color: #EEEEEE;
    }


    .form input[type="text"]:disabled,
    .form textarea:disabled {
        border-color: #dbdbdb;
        background-color: #f3f3f3;
        color: #9898a6;
    }

    .form input[type="text"]:required,
    .form textarea:required {
        border-color: #dbdbdb;
        background-color: #f3f3f3;
    }


/*法定課程*/

body#p_courselegalintroduce .model-qa-group .detail-container > div > p {
    margin: 0.5em 0;
    line-height: 1.5em;
}


@media(max-width:700px) {
    body #wrapper main .sect-login .info-group .community-group .model-btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .news-group .row .date {
        margin-bottom: 0.5em;
    }

    .news-group .row .date,
    .news-group .title {
        display: block;
        width: 100%;
    }

    .sect-News .news-group .date {
        text-align: left;
    }
}

@media(max-width:500px) 
{
        .sect-publisher .list-group > li {
        flex: 100%;
        max-width: 100%;
    }
}

@media screen and (min-height:1366px) {
    body #wrapper main .sect-banner .img-container > .mainPicture > .keyword {
        background-size: 90vw;
    }
}

@media screen and (max-height: 450px) {
    body #wrapper main .sect-banner .img-container > .mainPicture > .keyword {
        background-size: 85vh;
    }
}

@media screen and (min-width: 1920px) {
    body #wrapper main .sect-banner .img-container > .mainPicture > .keyword {
        background-size: contain;
    }
}

@media screen and (min-width: 1040px) {
    body .hidden-lg {
        display: none !important;
    }
}