@charset "UTF-8";
/* Font
---------------------------------- */
/* Colors
---------------------------------- */

/* css reset
---------------------------------- */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
    color: #007ac0; /*洗掉reboot.scss設定*/
    text-decoration: none;
}

ol, ul {
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    list-style: none;
}

*:before, *:after {
    box-sizing: border-box;
    /* font-size: 0; */
}
/* ---------------------------------- */

html,
body {
    width: 100%;
    height: 100%;
    font-family: 'Microsoft JhengHei', 微軟正黑體, '蘋方-繁', 'PingFangTC', arial, sans-serif;
    font-size: 1em;
    min-height: 100vh;
}

.wrapper {
    overflow: hidden;
}

h1,
h2,
h3 {
    font-weight: 600;
}

h1 {
    font-size: 2.44rem;
}

h2 {
    font-size: 1.55rem;
}

    h2.section-header {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/title-icon.svg) no-repeat;
        padding-left: 0.5rem;
        margin-bottom: 0.66rem;
        /* 20210623 新增start1 */
        /*white-space: nowrap;*/
        /* 20210623 新增end1 */
    }

h3 {
    font-size: 1.11rem;
}

legend {
    font-size: 1rem;
}

h4 {
    font-size: 1rem;
}

img {
    max-width: 100%;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

@media (min-width: 768px) {
    h2 {
        font-size: 1.77rem;
    }

    h3 {
        font-size: 1.33rem;
    }

    h4 {
        font-size: 1.166rem;
    }
}

.bold {
    font-weight: 600;
}

.danger {
    color: #c93535;
    margin-bottom: 0.3rem;
}

.fontsizeA {
    font-size: 1.25rem;
}

.blur-2 {
    filter: blur(2px); }

.m-l-05 {
    margin-left: 0.5rem;
}

.m-r-16 {
    margin-right: 0.888rem;
}

.m-r-10 {
    margin-right: 0.555rem;
}

.m-t-0 {
    margin-top: 0;
}

.m-t-18 {
    margin-top: 1rem;
}

.m-t-30 {
    margin-top: 1.6666rem;
}

.m-b-18 {
    margin-bottom: 1rem;
}

.m-b-30 {
    margin-bottom: 1.6666rem;
}

.m-b-80 {
    margin-bottom: 5rem;
}

.child-mr10 > *:not(:last-child) {
    margin-right: 15px;
}

.p-r-15 {
    padding-right: 0.9333rem;
}
.p-r-16 {
    padding-right: 1rem;
}

.p-l-0 {
    padding-left: 0;
}

.p-l-15 {
    padding-left: 0.9333rem;
}

.btn-primary {
    background-color: #007ac0;
    color: white;
}

    .btn-primary:hover {
        background-color: #007ac0;
        color: white;
    }

.btn-outline-primary {
    color: #007ac0;
    border-color: #007ac0;
}

    .btn-outline-primary:hover {
        background-color: #007ac0;
        color: white;
    }

.btn-outline-primary-gray {
    border: 1px solid #ced4da;
    padding: .25rem .5rem;
}

.btn-arrow:hover {
    text-decoration: none;
}

.btn-arrow::after {
    content: "+";
    font-size: 1.5rem;
    color: #007ac0;
}

.btn-arrow span {
    display: none;
}

/* .btn-arrow {
    width: 0.555rem;
    height: 0.555rem;
    text-indent: -555rem;
    background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/chevron-right.svg') no-repeat center center;
} */

.btn-arrow[aria-expanded='true']::after {
    content: "-";
    font-size: 1.5rem;
    color: #007ac0;
    padding-right: 0.3rem;
}

input[type='radio'] + label {
    padding-right: 0.625rem;
}

/* .btn-arrow[aria-expanded='true'] {
    background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/chevron-down.svg') no-repeat center center;
} */

.divider {
    height: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-bottom: 0.05555rem solid #d8d8d8;
}

.modal-dialog {
    margin-top: 2%;
}

.modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

    .modal-header .modal-title {
        font-weight: 600;
    }

.modal-body .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .modal-body .row .link {
        font-size: 0.722rem;
    }

.toTop {
    position: fixed;
    z-index: 999999;
    right: 0;
    bottom: 1rem;
    width: 2.777rem;
    height: 2.777rem;
}

.hide-mobile,
.hide {
    display: none;
}

.brick {
    color: white;
}

.top-brick {
    margin-right: 0.5rem;
}

.content-brick {
    color: #2b2b2b;
}

.bottom-brick {
    margin-left: 0.5rem;
}

.breadcrumb-brick {
    color: #2b2b2b;
    margin-right: 0.5rem;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pagination-wrapper {
    font-size: 0.8333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1rem;
}

    .pagination-wrapper .pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .pagination-wrapper .pagination .page-link {
            padding-left: 0.42rem;
            padding-right: 0.42rem;
            border: none;
            color: #5a5a5a;
            background-color: transparent;
        }

            .pagination-wrapper .pagination .page-link.active {
                color: #007ac0;
            }

            .pagination-wrapper .pagination .page-link.blue {
                color: #007ac0;
            }

        .pagination-wrapper .pagination .page-select {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
        }

@media (max-width: 400px) {
    .pagination-wrapper .pagination .page-select {
        width: 100%;
        margin-top: 0.8rem;
    }
}

.pagination-wrapper .pagination .page-select select {
    width: 3.333rem;
    font-size: 0.75rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

@media (min-width: 768px) {
    .pagination-wrapper .pagination .page-select {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: auto !important;
        margin-top: 0;
        padding-left: 0.8rem;
        margin-left: 0.5rem;
        border-left: 0.0555rem solid #979797;
    }
}

@media (min-width: 768px) {
    .hide-mobile {
        display: inline;
    }

    .toTop {
        right: 1rem;
    }

    .top-brick {
        color: #2b2b2b;
    }
}

@media (min-width: 992px) {
    .p-r-1-lg {
        padding-right: 1rem;
    }

    .p-r-2-lg {
        padding-right: 2rem;
    }
}

@-webkit-keyframes bgFadeInOut {
    from {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/news-bg/news-bg-1.png) no-repeat;
        background-size: cover;
        background-position: 25% center;
    }

    50% {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/news-bg/news-bg-2.png) no-repeat;
        background-size: cover;
        background-position: 25% center;
    }

    to {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/news-bg/news-bg-1.png) no-repeat;
        background-size: cover;
        background-position: 25% center;
    }
}

@keyframes bgFadeInOut {
    from {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/news-bg/news-bg-1.png) no-repeat;
        background-size: cover;
        background-position: 25% center;
    }

    50% {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/news-bg/news-bg-2.png) no-repeat;
        background-size: cover;
        background-position: 25% center;
    }

    to {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/news-bg/news-bg-1.png) no-repeat;
        background-size: cover;
        background-position: 25% center;
    }
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.5rem;
    margin-bottom: 0;
    line-height: 0.8333rem;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 0.0555rem solid #d8d8d8;
    border-left: none;
}

    .input-group-text i {
        background-repeat: no-repeat;
        background-size: contain;
        width: 1rem;
        height: 0.83333rem;
    }

.hide-r-b {
    border-right: none;
}

.hide-eye {
    background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon_eye_slash.svg);
}

.show-eye {
    background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon_eye.svg);
}

.btn-primary-sm-outline {
    margin-left: 2rem;
    font-size: 0.75rem;
    padding: 0.2rem 1rem 0.3rem;
    line-height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: white;
    color: #007ac0;
    border-color: #007ac0;
}

    .btn-primary-sm-outline .icon-heart {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-heart.svg) no-repeat center center;
    }

    .btn-primary-sm-outline .icon-heart-outline {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-heart-outline.svg) no-repeat center center;
    }

    .btn-primary-sm-outline .icon-query {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-query.svg) no-repeat center center;
    }

    .btn-primary-sm-outline .icon {
        width: 0.888rem;
        height: 0.888rem;
        display: inline-block;
        margin-right: 0.5rem;
        margin-top: 0.1666666rem;
    }

    .btn-primary-sm-outline:hover,
    .btn-primary-sm-outline:focus,
    .btn-primary-sm-outline:active {
        background-color: white;
        color: #007ac0;
        border-color: #007ac0;
    }

.header,
.footer {
    padding-right: 0;
    padding-left: 0;
}

    .header .accessibility,
    .footer .accessibility {
        width: 6.666rem;
        height: auto !important;
        margin-bottom: 0.5rem;
    }

.header {
    max-width: 66.666rem;
    margin: 0 auto;
    width: 100%;
}

.footer {
    padding: 0;
    background-image: linear-gradient(99deg, #19aad6, #007ac0);
    color: #ffffff;
    line-height: 1.5rem;
    font-size: 0.833rem;
}

    .footer .container {
        padding: 7.1% 6.4%;
        max-width: 66.666rem;
        margin: 0 auto;
    }

    .footer .info {
        border-bottom: 0.055rem solid #ffffff;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

    .footer .contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .footer .contact .icon {
            width: 1rem;
            height: 1rem;
            display: inline-block;
            margin-right: 0.277rem;
            background-repeat: no-repeat;
            background-size: cover;
        }

            .footer .contact .icon.icon-service {
                background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-phone.svg);
            }

            .footer .contact .icon.icon-fax {
                background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-fax.svg);
            }

            .footer .contact .icon.icon-email {
                background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-email.svg);
                height: 0.777rem;
            }

        .footer .contact .phone,
        .footer .contact .email {
            color: white;
            margin-right: 0.277rem;
        }

    .footer .contact,
    .footer .copyright,
    .footer .declare {
        padding-top: 15px;
    }

    .footer .count {
        display: inline-block;
        padding: 0;
        padding-right: 1rem;
        margin-right: 1rem;
        line-height: 0.944rem;
        color: white;
        border-right: 0.055rem solid white;
    }

    .footer .declare {
        margin-bottom: 14.3%;
    }

        .footer .declare a {
            color: white;
        }

.nav-top {
    position: absolute;
    height: 3.333rem;
    width: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(99deg, #19aad6, #007ac0);
}

    .nav-top > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .nav-top .divider-right {
        border: none;
    }

    .nav-top .divider-mobile {
        padding-right: 0.8rem;
    }

    .nav-top .icon {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background-size: cover;
        margin-left: 0.5rem;
    }

    .nav-top .member-link {
        font-size: 0.8333rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .nav-top .member-link .icon-user {
            background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/top-icon-user-m.svg);
        }

    .nav-top .member-name {
        color: white;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-right: 0.5rem;
        max-width: 4.375rem;
    }

    .nav-top .nav-item {
        color: white;
        font-size: 0.8333rem;
        margin-right: 0.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .nav-top .nav-item .icon-user {
            background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/top-icon-user-m.svg);
        }

        .nav-top .nav-item .icon-guide {
            background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/top-icon-guide-m.svg);
        }

        .nav-top .nav-item .icon-faq {
            background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/top-icon-faq-m.svg);
        }

        .nav-top .nav-item .icon-service {
            background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/top-icon-service-m.svg);
        }

.nav-toggler {
    position: absolute;
    top: 0.833rem;
    right: 1.11rem;
    border: none;
    z-index: 1000;
    background-color: transparent;
}

    .nav-toggler .toggler-icon {
        width: 1.3rem;
        height: 0.22rem;
        background-color: white;
        margin-top: 0.22rem;
        margin-bottom: 0.22rem;
    }

.navbar {
    position: absolute;
    top: 3.33rem;
    z-index: 1;
    width: 100%;
    background-color: transparent;
    padding: 0;
}

    .navbar .nav-item {
        border-bottom: 0.055rem solid #ccc;
    }

        .navbar .nav-item .nav-link {
            text-align: center;
            color: #007ac0;
        }

        .navbar .nav-item.dropdown > .nav-link.dropdown-toggle {
            color: #007ac0;
        }

.dropdown-menu {
    margin-top: 0;
}

.dropdown-item {
    text-align: center;
}

.navbar-collapse {
    background-color: #ffffff;
}

    .navbar-collapse.collapse.show {
        -webkit-box-shadow: 0 0.555rem 1.388rem #969696;
        box-shadow: 0 0.555rem 1.388rem #969696;
    }

.other-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .other-links .link {
        color: #007ac0;
    }

.login-lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 1.11rem;
    top: 3.888rem;
}

    .login-lang a {
        color: #2b2b2b;
        font-size: 0.8333rem;
        text-decoration: underline;
    }

    .login-lang .login {
        margin-right: 0.8rem;
    }

.brand {
    padding-top: 5.555rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 16.444rem;
}

.logo-s {
    margin-bottom: 0.3rem;
}

.content-hero {
    width: 100vw;
    /*height: 15.7vw;*/
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/top-banner/banner_top_m_2x.png) no-repeat;
    background-size: cover;
    margin-bottom: 0;
}

    .content-hero h1,
    .content-hero div.container p {
        color: white;
        text-shadow: #323232 0.05rem 0.05rem 0.1rem;
        font-size: 1.111rem;
        font-weight: 600;
        padding: 1rem 2.333rem;
    }

.nav-tabs {
    border-bottom: 0;
    /* border-bottom: 1px solid #dee2e6; */
}

    .nav-tabs .nav-item {
        text-align: center;
        background-color: white;
    }

        .nav-tabs .nav-item .nav-link {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border: 0.0555rem solid #d8d8d8;
            color: #2b2b2b;
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }

            .nav-tabs .nav-item .nav-link.active {
                color: #ffffff;
                background-image: linear-gradient(99deg, #19aad6, #007ac0);
                border: 0.055rem solid transparent;
            }

        .nav-tabs .nav-item:first-child .nav-link {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-top-left-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }

        .nav-tabs .nav-item:last-child .nav-link {
            border-top-right-radius: 0.25rem;
            border-bottom-right-radius: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

.tab-pane {
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 0 0.5rem 0.5rem 0.5rem;
    box-shadow: 0rem 0rem 2rem 0 rgba(0, 122, 192, 0.2) inset;
}

.viewmoreRegionR {
    text-align: right;
    padding-right: 0px;
    margin-bottom: 1.5rem;
}

.morebtn {
    display: inline-block;
    background-color: #007ac0;
    color: #ffffff;
    font-size: 0.8333rem;
    padding: 0.444rem 1.5rem;
    border-radius: 0;
/* 20210623 新增start3 */
    height: 100%;
    text-align: center;
    white-space: nowrap;
/* 20210623 新增end3 */
}
.morebtn:hover {
    color: #ffffff;
    text-decoration: none;
}
.morebtn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.pane {
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0rem 0rem 2rem 0px rgba(0,122,192,0.2) inset;
    border-bottom: 0.05555rem solid #d8d8d8;
    margin-bottom: 2rem;
}

div.content hr {
    border-top: 0.0555rem solid #d8d8d8;
}

article.container .breadcrumb {
    color: #5a5a5a;
    font-size: 0.8333rem;
}

    article.container .breadcrumb a {
        color: #5a5a5a;
    }

article.resizable nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 0.055rem solid #979797;
    margin-bottom: 0.5rem;
}

    article.resizable nav .breadcrumb {
        margin-bottom: 0;
        border-bottom: none;
    }

    article.resizable nav .font-sizer {
        width: 100%;
        font-size: 0.8333rem;
        display: inherit;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0.5rem;
    }

        article.resizable nav .font-sizer .sizer-btn {
            padding: 0;
            color: white;
            border-radius: 0;
            width: 1.666rem;
            height: 1.666rem;
            margin-left: 0.2rem;
            background-color: #a7a7a7;
            text-align: center;
        }

            article.resizable nav .font-sizer .sizer-btn.active {
                background-color: #007ac0;
            }

            article.resizable nav .font-sizer .sizer-btn:focus {
                outline: 2px solid black;
            }

        article.resizable nav .font-sizer .sizer-max {
            font-size: 1.1666rem;
            line-height: 1.1666rem;
        }

        article.resizable nav .font-sizer .sizer-normal {
            font-size: 1rem;
            line-height: 1rem;
        }

        article.resizable nav .font-sizer .sizer-min {
            font-size: 0.8333rem;
            line-height: 0.8333rem;
        }

article.resizable .content.font-max {
    font-size: 1.1666rem;
}

    article.resizable .content.font-max .card {
        font-size: 1.1666rem;
    }

article.resizable .content.font-normal {
    font-size: 1rem;
}

    article.resizable .content.font-normal .card {
        font-size: 1rem;
    }

article.resizable .content.font-min {
    font-size: 0.8333rem;
}

    article.resizable .content.font-min .card {
        font-size: 0.8333rem;
    }

/*home page head*/
.search-form {
    margin: 0.66rem 1.388rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .search-form div {
        position: relative;
        display: flex;
        width: 100%;
    }

        .search-form div label {
            color: #007ac0;
            height: calc(1.5em + 0.75rem + 0.1111rem);
            margin-right: 0.2rem;
            padding: 0.375rem .5rem 0.375rem 0;
            white-space: nowrap;
        }

        .search-form div .search {
            background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/input-icon-search.svg);
            background-repeat: no-repeat;
            background-position: center right 0.5625rem;
        }

            .search-form div .search ::-webkit-input-placeholder {
                color: #a7a7a7;
            }

            .search-form div .search ::-moz-placeholder {
                color: #a7a7a7;
            }

            .search-form div .search :-ms-input-placeholder {
                color: #a7a7a7;
            }

            .search-form div .search ::-ms-input-placeholder {
                color: #a7a7a7;
            }

            .search-form div .search ::placeholder {
                color: #a7a7a7;
            }

        .search-form div .form-control {
            padding: .375rem 2.25rem 0.375rem 0.75rem;
        }

        .search-form div .searchbtn {
            position: absolute;
            top: 0.08rem;
            right: 0.05rem;
            width: 2.25rem;
            height: 2.25rem;
            padding: 0;
            margin: 0;
            border: 0;
            background-color: transparent;
            background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/input-icon-search.svg);
            background-repeat: no-repeat;
            background-position: center right .5625rem;
        }

@media (min-width: 586px) {
    .content-hero h1,
    .content-hero div.container p {
        font-size: 2rem;
        font-weight: 600;
        padding-top: 1.666rem;
    }

    article.resizable nav {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 1rem;
    }

        article.resizable nav .breadcrumb {
            margin-bottom: 0;
        }

        article.resizable nav .font-sizer {
            width: 8rem;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            margin-bottom: 0;
            margin-top: 0;
        }

    .nav-tabs .nav-item .nav-link {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 768px) {
    .header {
        position: relative;
        display: flex;
        flex-direction: row-reverse;
    }

    .brand {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 1rem;
        padding-left: 1rem;
        margin-bottom: 0.74rem;
        width: 20%;
    }

    .logo {
        width: 15.555rem;
        min-width: 15.555rem;
    }

    .login-lang {
        position: absolute;
        right: 1.11rem;
        top: 1rem;
        z-index: 999;
    }

    .search-form {
        margin: 0.66rem 0;
        width: 26rem;
        position: absolute;
        height: 2.222rem;
        right: 1rem;
        top: 3.333rem;
    }

    .nav-toggler {
        display: none;
    }

    .nav-top {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        background: none;
        padding-right: 11rem;
    }

        .nav-top .divider-right {
            border-right: 0.055rem solid #5a5a5a;
            padding-right: 0.8rem;
        }

        .nav-top .icon {
            margin-right: 0.166rem;
            margin-left: 0;
        }

        .nav-top .member-link .icon-user {
            background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/top-icon-user.svg);
        }

        .nav-top .member-name {
            color: black;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin-right: 0.5rem;
            max-width: 4.375rem;
        }

        .nav-top .nav-item {
            color: #2b2b2b;
            margin-right: 0.8rem;
            max-height: 1.11rem;
        }

            .nav-top .nav-item .icon-user {
                background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/top-icon-user.svg);
            }

            .nav-top .nav-item .icon-guide {
                background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/top-icon-guide.svg);
            }

            .nav-top .nav-item .icon-faq {
                background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/top-icon-faq.svg);
            }

            .nav-top .nav-item .icon-service {
                background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/top-icon-service.svg);
            }

    .navbar {
        position: inherit;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        background-color: transparent;
        background-image: linear-gradient(99deg, #19aad6, #007ac0);
        padding: 0.2rem;
        font-size: 1rem;
    }

        .navbar .navbar-collapse {
            background-color: transparent;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .navbar .nav-item {
            border-bottom: none;
        }

            .navbar .nav-item .nav-link {
                text-align: center;
                color: #ffffff;
                padding: 0.5rem 0.6rem;
            }

            .navbar .nav-item.dropdown > .nav-link.dropdown-toggle {
                color: #ffffff;
            }

    .dropdown-menu {
        margin-top: 0;
        padding: 0;
        border-radius: none;
    }

        .dropdown-menu .dropdown-item {
            font-size: 1rem;
            border-bottom: 0.055rem solid #ccc;
            padding-top: 0.66rem;
            padding-bottom: 0.66rem;
        }

    .toTop {
        right: 1rem;
    }

    .footer {
        font-size: 0.944rem;
        padding: 0;
    }

        .footer .container {
            padding: 2.222rem 1.5rem 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .footer .info {
            border-bottom: none;
            padding-bottom: 0;
            margin-bottom: 0;
        }

        .footer .right-side {
            text-align: right;
        }

        .footer .page-view {
            margin-bottom: 0;
        }

    .content-hero {
        width: 100vw;
        height: 8.3vw;
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/top-banner/banner_top.png) no-repeat;
        background-size: cover;
    }

        .content-hero h1,
        .content-hero div.container p {
            font-size: 1.666rem;
            font-weight: 600;
            padding-top: 0.9333rem;
        }
}

@media (min-width: 986px) {
    .navbar .navbar-collapse {
        margin-right: 9rem;
    }
}

@media (min-width: 992px) {
    .brand {
        width: 44%;
        margin-bottom: 1.3rem;
    }

    .logo,
    .logo-s {
        width: 21.11rem;
    }

    .search-form {
        margin: 0.66rem 0;
        height: 2.222rem;
        top: 4.444rem;
    }

    .navbar {
        padding: 0;
        font-size: 1rem;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .navbar .navbar-collapse {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

        .navbar .nav-item .nav-link {
            padding: 0.5rem 1.35rem;
        }

        .navbar .nav-item:last-child .nav-link {
            padding: 0.5rem 0 0.5rem 1.35rem;
        }

        .navbar .nav-item:first-child .nav-link {
            padding: 0.5rem 1.35rem 0.5rem 1rem;
        }

    .footer .container {
        padding: 2.222rem 1.11rem 0;
    }

    .footer .copyright,
    .footer .declare {
        display: inline-block;
    }

    .footer .copyright {
        padding: 0 1rem;
        margin-right: 1rem;
        line-height: 1rem;
        border-right: 0.055rem solid white;
    }

    .content-hero {
        height: 6.666rem;
        width: auto !important;
        background-position-y: 50%;
        background-position-x: -8.333rem;
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/top-banner/banner_top_2x.png) no-repeat;
        background-size: cover;
    }

        .content-hero h1,
        .content-hero div.container p {
            font-size: 2.222rem;
            font-weight: 600;
            padding-top: 2.222rem;
        }
}

@media (min-width: 1280px) {
    .search-form {
        margin: 0.66rem 0;
        height: 2.222rem;
        top: 4.444rem;
    }

    .logo,
    .log-s {
        width: 21.8333rem;
    }

    .footer .container {
        padding: 2.222rem 0 0;
    }

    .content-hero {
        background-position-x: 0;
    }
}

/* home page */
.hero .slide {
    width: 100vw;
    height: 27.777vw;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero .index-hero1 {
    background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/heros/hero-banner-1.jpg);
}

.hero .index-hero2 {
    background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/heros/hero-banner-2.jpg);
}

.hero .index-hero3 {
    background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/heros/hero-banner-3.jpg);
}

.hero .index-hero4 {
    background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/heros/hero-banner-4.png);
}

.hero .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    margin-left: -1rem;
}

    .hero .slick-dots button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 0.5rem;
        height: 0.5rem;
        padding: 0.1rem;
        margin: 0.1rem;
        cursor: pointer;
        border: 0.0555rem solid white;
        outline: none;
        background-color: #8dd5eb;
        border-radius: 50%;
    }

    .hero .slick-dots .slick-active button {
        background-color: #ffffff;
    }

/* 20210623 新增start4 */
.vip {
  background: #F7F7F7;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 1rem 0 0;
}
.vip .container {
  position: relative;
}
@media (min-width: 575px) {
  .vip_phone {
    display: none;
  }
}
@media (max-width: 575px) {
  .vip_desktop {
    display: none;
  }
}
@media (max-width: 767px) {
  .vip_3,
  .vip_other {
    padding-right: 13px;
    padding-left: 13px;
  }
  .vip_3 div,
  .vip_other div {
    padding-right: 2px;
    padding-left: 2px;
  }
  .vip .container .vip_desktop .morebtn {
    padding: 0.444rem 0rem;
  }

}
.vip_vendor {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 2px solid #007ac0;
  border-radius: 0;
  cursor: pointer;
  padding: 0.5rem 0.3rem;
  color: #000000;
  white-space: nowrap;
}
.vip_vendor:hover,
.vip_vendor:focus {
  box-shadow: inset 0 0 0 2px #007ac0;;
}
@media (max-width: 400px) {
  .vip_vendor,
  .vip .container .vip_phone .morebtn {
    font-size: 0.75rem;
  }
}
.vip_vendor_logo {
  position: relative;
  display: inline-block;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media (min-width: 350px) {
    .vip_vendor_logo {
      width: 1.875rem;
      height: 1.875rem;
    }
  }
@media (max-width: 350px) {
  .vip_vendor_logo {
    width: 1.075rem;
    min-width: 1.075rem;
    height: 1rem;
  }
}
@media (max-width: 991px) {
  .vip_vendor_text {
    width: 64px; /* 最多 4 個字的寬度 */
    white-space: pre-wrap;
  }
}
@media (min-width: 991px) {
  .vip_vendor_text {
    letter-spacing: 14px;
    width: 120px;
    margin-left: 14px;
    margin-right: -14px; /* 修右邊 letter-spacing */
    white-space: pre-wrap;
  }
}
/* 20210623 新增end4 */

.find-tec {
    margin-top: 1.666rem;
}

#tec-contents,
.contents {
    max-width: 66.666rem;
    margin: 0 auto;
}

#categories {
    margin-bottom: 0.5rem;
}

    #categories.nav-tabs {
        /*max-width: 30rem;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: inline-flex;
        /*-webkit-box-pack: justify;*/
        /*-ms-flex-pack: justify;*/
        /*justify-content: space-between;*/
        box-shadow: 0 0 0.1rem rgb(0 0 0 / 13%); /*0.055rem*/
        border-radius: 2rem;
    }

        #categories.nav-tabs > .nav-item {
            /*width: 25%;*/
            border: none;
        }

            #categories.nav-tabs > .nav-item > .nav-link {
                padding: 0.3rem 1rem;
                color: #2b2b2b;
                border-radius: 0;
                text-align: center;
                border-right: 0.055rem solid rgba(0, 0, 0, 0.125);
            }

                #categories.nav-tabs > .nav-item > .nav-link.active {
                    color: #ffffff;
                    background-image: linear-gradient(99deg, #007ac0, #19aad6);
                    border: 0.055rem solid transparent;
                }

            #categories.nav-tabs > .nav-item:first-child {
                border-top-left-radius: 2rem;
                border-bottom-left-radius: 2rem;
            }

                #categories.nav-tabs > .nav-item:first-child > .nav-link {
                    border-top-left-radius: 2rem;
                    border-bottom-left-radius: 2rem;
                }

                    #categories.nav-tabs > .nav-item:first-child > .nav-link.active {
                        color: #ffffff;
                        background-image: linear-gradient(99deg, #007ac0, #19aad6);
                        border-top-left-radius: 2rem;
                        border-bottom-left-radius: 2rem;
                    }

            #categories.nav-tabs > .nav-item:last-child {
                border-top-right-radius: 2rem;
                border-bottom-right-radius: 2rem;
            }

                #categories.nav-tabs > .nav-item:last-child > .nav-link {
                    border-top-right-radius: 2rem;
                    border-bottom-right-radius: 2rem;
                }

                    #categories.nav-tabs > .nav-item:last-child > .nav-link.active {
                        color: #ffffff;
                        background-image: linear-gradient(99deg, #007ac0, #19aad6);
                        border-top-right-radius: 2rem;
                        border-bottom-right-radius: 2rem;
                    }

.tec-list {
    margin-bottom: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .tec-list .tec-item {
        width: 50%;
    }

        .tec-list .tec-item .card {
            border: none;
            border-top: 0.055rem solid rgba(0, 0, 0, 0.125);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 0;
            text-align: center;
            padding: 0.833rem;
        }

            .tec-list .tec-item .card .main-icon {
                width: 3.5rem;
                height: 3.5rem;
                margin: 1rem;
            }

            .tec-list .tec-item .card .main-icon-info {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/main-icon-info.svg) no-repeat center center;
            }

            .tec-list .tec-item .card .main-icon-electronic {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/main-icon-electronic.svg) no-repeat center center;
            }

            .tec-list .tec-item .card .main-icon-multiple {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/main-icon-multiple.svg) no-repeat center center;
            }

            .tec-list .tec-item .card .main-icon-energy {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/main-icon-energy.svg) no-repeat center center;
            }

            .tec-list .tec-item .card .main-icon-chemistry {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/main-icon-chemistry.svg) no-repeat center center;
            }

            .tec-list .tec-item .card .main-icon-medicine {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/main-icon-medicine.svg) no-repeat center center;
            }

            .tec-list .tec-item .card .main-icon-manufacture {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/main-icon-manufacture.svg) no-repeat center center;
            }

            .tec-list .tec-item .card .main-icon-life {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/main-icon-life.svg) no-repeat center center;
            }

            .tec-list .tec-item .card .main-icon-agriculture {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/main-icon-agriculture.svg) no-repeat center center;
            }

            /*.tec-list .tec-item .card img {
    margin: 1rem;
}*/

            .tec-list .tec-item .card h3,
            .tec-list .tec-item .card h4 {
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

                .tec-list .tec-item .card h3 a {
                    color: #2b2b2b;
                }

                .tec-list .tec-item .card h3.field a {
                    color: #007ac0;
                }

            .tec-list .tec-item .card h4 {
                font-size: 0.8333rem;
                color: #007ac0;
            }

                .tec-list .tec-item .card h4.field {
                    color: #2b2b2b;
                }

            .tec-list .tec-item .card .btn-block {
                border: 0.055rem solid #5a5a5a;
                border-radius: 0;
                width: 3.833rem;
                height: 1.555rem;
                text-align: center;
                line-height: 0.722rem;
                font-size: 0.722rem;
                margin: 0.277rem 0 0.833rem;
            }

        .tec-list .tec-item:nth-child(1) .card {
            border-top: none;
        }

        .tec-list .tec-item:nth-child(2) .card {
            border-top: none;
        }

        .tec-list .tec-item:nth-child(odd) .card {
            border-right: 0.055rem solid rgba(0, 0, 0, 0.125);
        }

.professionals {
    background-color: #f7f7f7;
    padding-top: 1.666rem;
}

    .professionals .container {
        position: relative;
    }
        .professionals .container .more {
            position: absolute;
            right: 1.388rem;
            top: 0;
            background-color: #007ac0;
            color: #ffffff;
            font-size: 0.8333rem;
            padding: 0.444rem 1.5rem;
            border-radius: 0;
        }

.pro-list {
    padding: 1.666rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .pro-list .pro-item {
        width: 100%;
        padding-left: 0.833rem;
        padding-right: 0.833rem;
    }

        .pro-list .pro-item .card {
            background-color: transparent;
            border-radius: 0;
            border: none;
            font-size: 0.9rem;
        }

            .pro-list .pro-item .card h3 {
                font-weight: 600;
                text-align: center;
                margin: 0.66rem 0;
            }

.news {
    -webkit-animation: bgFadeInOut 30s infinite ease-in-out;
    animation: bgFadeInOut 30s infinite ease-in-out;
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/news-bg/news-bg-1.png) no-repeat;
    background-size: cover;
    background-position: 25% center;
    padding: 1.666rem 0.833rem 0.833rem;
    margin-bottom: 1.666rem;
}

    .news .container {
        position: relative;
    }

        .news .container h2 {
            margin-bottom: 1rem;
        }

        .news .container .more {
            position: absolute;
            right: 0rem;
            top: 0;
            background-color: #007ac0;
            color: #ffffff;
            font-size: 0.8333rem;
            padding: 0.444rem 1.5rem;
            border-radius: 0;
            -webkit-box-shadow: 0 0 0.4rem white;
            box-shadow: 0 0 0.4rem white;
        }
        .news .container .more:focus {
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
        }

    .news .section-header {
        color: white;
    }

    .news .news-list > li {
        margin-bottom: 1rem;
    }

        .news .news-list > li > a {
            color: white;
            font-size: 0.944rem;
        }

.videos {
    position: relative;
}

    .videos #carousel {
        width: 100%;
    }

        .videos #carousel figure {
            padding-left: 0.555rem;
            padding-right: 0.555rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .videos #carousel figure iframe {
                -webkit-box-shadow: 0 0.277rem 0.833rem #969696;
                box-shadow: 0 0.277rem 0.833rem #969696;
                margin-bottom: 1.11rem;
                width: 15.555rem;
                height: 8.75rem;
            }

            .videos #carousel figure figcaption {
                font-size: 1.11rem;
                font-weight: 600;
                color: #2b2b2b;
                text-align: center;
            }

    .videos .slick-controls {
        width: 100vw;
        max-width: 66.666rem;
        position: absolute;
        top: 40%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .videos .slick-controls .slick-control {
            width: 1.333rem;
            text-indent: -999999rem;
            border: none;
            background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-arrow.svg) center center no-repeat;
        }

        .videos .slick-controls .slick-control-prev {
            left: -1.666rem;
        }

        .videos .slick-controls .slick-control-next {
            right: -1.666rem;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }


/* bxSlider */
.bx-wrapper {
    box-shadow: none;
    margin: 0 auto;
}

#carouselB div figure figcaption {
    font-size: 1.11rem;
    font-weight: 600;
    color: #2b2b2b;
    text-align: center;
    margin-top: 15px;
}

#carouselB div figure:focus {
    outline: 3px solid #007ac0;
}

#carouselB div figure iframe {
    width: 100%;
    height: 300px;
    -webkit-box-shadow: 0 0.833rem 1.11rem #969696;
    box-shadow: 0 0.833rem 1.11rem #969696;
}
/*#carouselB div figure iframe:focus {
    outline: auto;
}*/
.bx-wrapper .bx-controls-direction a {
    margin-top: -50px;
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-arrow.svg) center center no-repeat;
}

.bx-prev {
    left: -32px !important;
}

.bx-next {
    right: -32px !important;
    transform: rotate(180deg);
}

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
    outline: auto;
    outline-color: black;
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-arrow.svg) center center no-repeat;
}

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
    outline: auto;
    outline-color: black;
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-arrow.svg) center center no-repeat;
}


.banners {
    background-color: #f7f7f7;
    padding: 1.666rem 0 1.222rem;
}

.links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

    .links li {
        margin-bottom: 0.444rem;
    }

    .links img {
        width: 8.888rem;
        height: auto !important;
    }

@media (min-width: 768px) {
    .hero {
        margin-bottom: 0;
        position: relative;
    }

        .hero .slick-dots {
            bottom: 2rem;
            margin-left: -1.8rem;
        }

            .hero .slick-dots button {
                width: 0.6rem;
                height: 0.6rem;
                padding: 0.2rem;
                margin: 0.3rem;
            }

    .find-tec {
        position: relative;
        margin-bottom: 1.5rem;
    }

    /*#categories {
        position: absolute;
        top: 0;
        right: 0;
    }*/

        /*#categories.nav-tabs {
            width: 22.222rem;
        }*/

    .tec-list .tec-item {
        width: 33.33%;
    }

        .tec-list .tec-item .card {
            border-top: none;
            border-right: none;
            border-bottom: 0.055rem solid rgba(0, 0, 0, 0.125);
        }

            .tec-list .tec-item .card h3 a {
                color: #2b2b2b;
            }

        .tec-list .tec-item:nth-child(7) .card,
        .tec-list .tec-item:nth-child(8) .card,
        .tec-list .tec-item:nth-child(9) .card {
            border-bottom: none;
        }

        .tec-list .tec-item:nth-child(2n) .card {
            border-right: 0.055rem solid rgba(0, 0, 0, 0.125);
        }

    .pro-list {
        padding: 1.666rem 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-height: 18.333rem;
    }

        .pro-list .pro-item {
            width: 50%;
        }

            .pro-list .pro-item .card {
                padding: 0.833rem 0.833rem 0;
                margin-bottom: 0.833rem;
            }

                .pro-list .pro-item .card p {
                    display: none;
                }

                .pro-list .pro-item .card:hover {
                    background-color: white;
                    border-radius: 0.555rem;
                    -webkit-box-shadow: 0 0.833rem 1.11rem #969696;
                    box-shadow: 0 0.833rem 1.11rem #969696;
                }

                    .pro-list .pro-item .card:hover p {
                        display: block;
                    }

    .news {
        padding: 1.666rem 0.833rem 0.833rem;
        margin-bottom: 1.666rem;
    }

        .news .container .more {
            right: 1.388rem;
        }

        .news .news-list > li {
            margin-bottom: 1rem;
        }

            .news .news-list > li > a {
                color: white;
                font-size: 0.944rem;
            }

    .videos #carousel {
        overflow: hidden;
    }

        .videos #carousel figure iframe {
            -webkit-box-shadow: 0 0.833rem 1.11rem #969696;
            box-shadow: 0 0.833rem 1.11rem #969696;
            width: 17.777rem;
            height: 10rem;
        }

    .videos .slick-controls {
        max-width: 41.111rem;
        left: 50%;
        margin-left: -20.555rem;
        z-index: 1;
        cursor: pointer;
    }

    .banners {
        padding: 2.222rem 0 0.833rem;
    }

    .links li {
        margin-bottom: 1.111rem;
    }

    .links img {
        width: 17.777rem;
    }
}

@media (min-width: 992px) {
    .tec-list .tec-item {
        width: 25%;
    }

        .tec-list .tec-item .card {
            border-top: none;
            border-right: none;
            border-bottom: 0.055rem solid rgba(0, 0, 0, 0.125);
        }

        .tec-list .tec-item:nth-child(5) .card,
        .tec-list .tec-item:nth-child(6) .card,
        .tec-list .tec-item:nth-child(7) .card,
        .tec-list .tec-item:nth-child(8) .card {
            border-bottom: none;
        }

        .tec-list .tec-item:nth-child(2n) .card {
            border-right: none;
        }

        .tec-list .tec-item:nth-child(4n + 1) .card,
        .tec-list .tec-item:nth-child(4n + 2) .card,
        .tec-list .tec-item:nth-child(4n + 3) .card {
            border-right: 0.055rem solid rgba(0, 0, 0, 0.125);
        }

    .pro-list {
        min-height: 18.888rem;
    }

        .pro-list .pro-item {
            width: 33.333%;
        }

    .news {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/news-bg/news-bg-1_2x.png) no-repeat;
    }

    .videos #carousel figure iframe {
        width: 23.333rem;
        height: 13.138rem;
    }

    .videos .slick-controls {
        max-width: 55.555rem;
        left: 50%;
        margin-left: -27.777rem;
    }

    .banners {
        padding: 2.222rem 0 1.11rem;
    }

    .links li {
        margin-bottom: 1.111rem;
    }

    .links img {
        width: 15.555rem;
    }
}

@media (min-width: 1280px) {
    .hero .slick-dots {
        bottom: 4rem;
        margin-left: -3.1666rem;
    }

        .hero .slick-dots button {
            width: 1rem;
            height: 1rem;
            padding: 0.2rem;
            margin: 0.5rem;
        }

    .pro-list {
        min-height: 17.222rem;
    }

    .videos #carousel figure iframe {
        -webkit-box-shadow: 0 0.833rem 1.11rem #969696;
        box-shadow: 0 0.833rem 1.11rem #969696;
        width: 28.888rem;
        height: 16.25rem;
    }

    .videos .slick-controls {
        max-width: 66.666rem;
        left: 50%;
        margin-left: -33.333rem;
    }

    .banners {
        padding: 2.222rem 0 0.833rem;
    }

    .links {
        padding-left: 1rem;
        padding-right: 1rem;
    }

        .links li {
            margin-bottom: 1.388rem;
        }

        .links img {
            width: 17.777rem;
        }
}

/* professional page */
article.container {
    padding-left: 1rem;
    padding-right: 1rem;
}

    article.container .breadcrumb {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 0.055rem solid #979797;
        border-radius: 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
    }

    article.container .content .logo-banner {
        display: inline-block;
        max-width: 100%;
        min-width: 17.777rem;
        height: auto;
        margin-bottom: 1.11rem;
    }

    article.container .content .info {
        margin-bottom: 1.666rem;
        color: #5a5a5a;
        padding-left: 0.8333rem;
        padding-right: 0.8333rem;
        width: 100%;
    }

        article.container .content .info .row {
            padding: 0.5rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            article.container .content .info .row > div:first-child {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                padding-left: 0;
                padding-right: 0;
                text-align: right;
                font-weight: 600;
            }

            article.container .content .info .row > div:nth-child(2) {
                -webkit-box-flex: 2;
                -ms-flex: 2;
                flex: 2;
            }

            article.container .content .info .row:nth-child(odd) {
                background-color: #e0e0e0;
            }

@media (min-width: 768px) {
    article.container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

        article.container .breadcrumb {
            padding-left: 0;
            padding-right: 0;
        }

        article.container .content .logo-banner {
            width: 17.777rem;
        }

        article.container .table {
            margin-bottom: 3.333rem;
        }

            article.container .table tbody td:first-child {
                width: 8.333rem;
                padding-right: 1rem;
            }
}

@media (min-width: 992px) {
    article.container .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .edit-form article.container .content {
        flex-direction: column;
    }

    article.container .content .logo-banner {
        width: 17.77777rem;
    }

    article.container .content .info {
        margin-left: 2rem;
    }

    article.container .table tbody td:first-child {
        width: 8.333rem;
        padding-right: 1rem;
    }
}

/* sitemap page */
article.container .content {
    padding-bottom: 5rem;
}

    article.container .content h3 {
        font-size: 1.222rem;
        margin-bottom: 0.833rem;
    }

    article.container .content .row {
        width: 100%;
    }

    article.container .content .note {
        border-radius: 0.6666rem;
        background-color: #f5f5f5;
        font-weight: 600;
        line-height: 1.65;
        color: #5a5a5a;
        padding: 1.111rem 1rem;
    }

    article.container .content .right-side {
        border: 0.0555rem solid #e0e0e0;
        margin-top: 1rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        font-size: 0.8333rem;
    }

        article.container .content .right-side .bold {
            font-weight: bold;
        }

        article.container .content .right-side .row {
            padding: 0.5rem;
            margin-left: -0.7222rem;
            margin-right: -0.7222rem;
        }

.ice-blue {
    background-color: #f1f6f9;
}

    .ice-blue > div > a {
        color: #0075B8;
    }

    .ice-blue > div > ul > li > a {
        color: #0075B8;
    }

    .ice-blue > div > a:hover {
        color: #0056b3;
    }

    .ice-blue > div > ul > li > a:hover {
        color: #0056b3;
    }

article.container .content .right-side ul {
    padding-left: 1rem;
}

    article.container .content .right-side ul li {
        line-height: 1.5rem;
    }

@media (min-width: 768px) {
    article.container .content .right-side {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    article.container .content h3 {
        font-size: 1.5rem;
        margin-bottom: 0.833rem;
    }
}

/* sitemap page */
article.container .content .content-wrapper {
    width: 100%;
    max-width: 44.444rem;
    padding-left: 0.8333rem;
    padding-right: 0.8333rem;
    margin: 0.5rem auto;
}

    article.container .content .content-wrapper .search-form-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        article.container .content .content-wrapper .search-form-2 label {
            color: #19aad6;
            font-size: 0.833rem;
        }

        article.container .content .content-wrapper .search-form-2 .search {
            background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/input-icon-search.svg);
            background-repeat: no-repeat;
            background-position: center right 0.5625rem;
        }

.search-form-2 .form-control {
    padding: .375rem 2.25rem 0.375rem 0.75rem;
}

.search-form-2 .searchbtn {
    border: 0;
    margin: -37px 0 0 95.5%;
    padding: 0;
    width: 35px;
    height: 35px;
    background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/input-icon-search.svg);
    background-repeat: no-repeat;
    background-position: center .5625rem;
}

article.container .content .content-wrapper h3 {
    font-size: 1.1666rem;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}

article.container .content .content-wrapper .tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom: 0.0555rem solid #979797;
    margin-bottom: 1rem;
}

    article.container .content .content-wrapper .tools .side-left,
    article.container .content .content-wrapper .tools .side-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0.5rem;
    }

    article.container .content .content-wrapper .tools .side-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        article.container .content .content-wrapper .tools .side-left label {
            margin-bottom: 0;
            margin-left: 0.5rem;
        }

    article.container .content .content-wrapper .tools .side-right {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        article.container .content .content-wrapper .tools .side-right label {
            width: 6.111rem;
            font-size: 0.8333rem;
            margin-bottom: 0;
        }

        article.container .content .content-wrapper .tools .side-right .form-control {
            width: 70%;
        }

article.container .content .content-wrapper .results li {
    margin-bottom: 1.5rem;
}

article.container .content .content-wrapper .results .item:hover {
    text-decoration: none;
}

article.container .content .content-wrapper .results .item header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

    article.container
    .content
    .content-wrapper
    .results
    .item
    header
    input[type='checkbox'] {
        margin-right: 0.5rem;
        margin-top: 0.4rem;
    }

    article.container .content .content-wrapper .results .item header a {
        color: #007ac0;
    }
    article.container .content .content-wrapper .results .item header span {
        position: relative;
    }
    article.container .content .content-wrapper .results .item header i.fa-file-o {
        margin-left: 0.5rem;
        color: #0a7cb2;
    }

    article.container .content .content-wrapper .results .item header i.fa-search,
    article.container .content.font-normal .content-wrapper .results .item header i.fa-search {
        position: absolute;
        left: 45%;
        bottom: 16%;
        color: #0a7cb2;
        font-size: 0.6rem;
    }

article.container .content.font-max .content-wrapper .results .item header i.fa-search {
    position: absolute;
    left: 46%;
    bottom: 20%;
    color: #0a7cb2;
    font-size: 0.7rem;
}

article.container .content.font-min .content-wrapper .results .item header i.fa-file-o {
    font-size: 1rem;
}

article.container .content.font-min .content-wrapper .results .item header i.fa-search {
    position: absolute;
    left: 45%;
    bottom: 16%;
    color: #0a7cb2;
    font-size: 0.6rem;
}

article.container .content .content-wrapper .results .item header label {
    margin-bottom: 0;
    height: auto;
    max-width: 15rem;
}

article.container
.content
.content-wrapper
.results
.item
header
.view-wrapper {
    width: 100%;
    margin-top: 0.5rem;
}

article.container .content .content-wrapper .results .item header .view {
    font-size: 0.75rem;
    margin-left: 1rem;
    background-color: #f5f5f5;
    padding: 0.2rem 0.5rem;
    width: 7.0555rem;
}

    article.container .content .content-wrapper .results .item header .view .icon {
        width: 1.333rem;
        height: 0.888rem;
        display: inline-block;
        margin-right: 0.2rem;
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-view.svg) no-repeat center center;
    }

article.container .content .content-wrapper .results .item .item-body {
    color: #5a5a5a;
    font-size: 0.833rem;
    padding-left: 1.5rem;
    display: block;
}

article.container .content .content-wrapper .pagination-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.8333rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    article.container .content .content-wrapper .pagination-wrapper .pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        article.container
        .content
        .content-wrapper
        .pagination-wrapper
        .pagination
        .page-link {
            padding-left: 0.42rem;
            padding-right: 0.42rem;
            border: none;
            color: #5a5a5a;
        }

            article.container
            .content
            .content-wrapper
            .pagination-wrapper
            .pagination
            .page-link.active {
                color: #007ac0;
            }

            article.container
            .content
            .content-wrapper
            .pagination-wrapper
            .pagination
            .page-link.blue {
                color: #007ac0;
            }

        article.container
        .content
        .content-wrapper
        .pagination-wrapper
        .pagination
        .page-select {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100vw;
            margin-top: 0.8rem;
        }

            article.container
            .content
            .content-wrapper
            .pagination-wrapper
            .pagination
            .page-select
            select {
                width: 3.333rem;
                font-size: 0.75rem;
                margin-left: 0.5rem;
                margin-right: 0.5rem;
            }
    @media (max-width: 576px) {
        .form-group .col-12 .btn-outline-primary {
            margin-bottom: 0.5rem;
        }
    }
    @media (min-width: 576px) {
        article.container .content .content-wrapper .results .item header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }

            article.container
            .content
            .content-wrapper
            .results
            .item
            header
            input[type='checkbox'] {
                margin-bottom: 0.4rem;
            }

            article.container .content .content-wrapper .results .item header label {
                max-width: 100%;
            }

            article.container
            .content
            .content-wrapper
            .results
            .item
            header
            .view-wrapper {
                width: auto;
            }

        article.container
        .content
        .content-wrapper
        .pagination-wrapper
        .pagination
        .page-select {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            width: auto !important;
            margin-top: 0;
            padding-left: 0.8rem;
            margin-left: 0.5rem;
            border-left: 0.0555rem solid #979797;
        }

        /* 特殊狀況 */
        .sm-mr-n10 {
            margin-left: -10px;
        }
    }

    @media (min-width: 768px) {
        article.container .content .content-wrapper .search-form-2 .search {
            height: 2.777rem;
        }

        article.container .content .content-wrapper .tools .side-left {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        article.container .content .content-wrapper .tools .side-right {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

        article.container .content .content-wrapper .results .item header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }

            article.container
            .content
            .content-wrapper
            .results
            .item
            header
            .view-wrapper {
                width: auto;
            }
    }

    @media (min-width: 992px) {
        article.container .content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .edit-form article.container .content {
            flex-direction: column;
        }
    }

    /* sitemap page */
    article.container .register {
        padding-top: 1rem;
    }

    article.container .content .card {
        background-color: white;
        border-radius: 0.5rem;
        margin-bottom: 1rem;
        padding: 0.75rem;
        -webkit-box-shadow: 0 0.4444rem 1.1111rem 0 rgba(109, 109, 109, 0.3);
        box-shadow: 0 0.4444rem 1.1111rem 0 rgba(109, 109, 109, 0.3);
        font-size: 0.8333rem;
        border: none;
    }
    /* 20210611 新增start1 */
    .card_intabpane {
        position: relative;
        background-color: white;
        padding: 0.75rem;
        border: none;
    }

        .card_intabpane:nth-child(1) {
            border-radius: 0.5rem 0.5rem 0 0;
        }

        .card_intabpane:last-child {
            border-radius: 0 0 0.5rem 0.5rem;
        }

        .card_intabpane:after {
            position: absolute;
            bottom: 0;
            left: 0;
            content: " ";
            width: 100%;
            border-bottom: 1px solid rgba(0, 0, 0, 0.125);
        }
    /* 20210611 新增end1 */
    article.container .content .card header {
        font-size: 1.1666rem;
        font-weight: 600;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0.5rem;
    }

        article.container .content .card header span {
            margin-top: 0.2rem;
        }

    article.container .content .card ol {
        padding-left: 0;
    }

    article.container .content .card li {
        list-style: square inside url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/diamond.svg);
        line-height: 1.5rem;
    }

    article.container .content .card .icon {
        width: 2.222rem;
        height: 2.222rem;
        border-radius: 0.333rem;
        border: 0.0555rem solid #19aad6;
        display: inline-block;
        margin-right: 0.5rem;
    }

    article.container .content .card .icon-hotjar {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-hotjar.svg) no-repeat center center;
    }

    article.container .content .card .icon-users {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-users.svg) no-repeat center center;
    }

    article.container .content .card .icon-combined {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-combined.svg) no-repeat center center;
    }

    article.container .content .card .icon-star {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-star.svg) no-repeat center center;
    }

    article.container .content .card .icon-user-lock {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-user-lock.svg) no-repeat center center;
    }

    article.container .content .btn-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 0.5rem;
    }

        article.container .content .btn-wrapper .btn-register {
            -ms-flex-item-align: end;
            align-self: flex-end;
            background-color: #007ac0;
            border: none;
            color: white;
            border-radius: 0;
            font-size: 1rem;
            padding: 0.5rem 1rem;
            font-weight: 600;
        }

    @media (min-width: 768px) {
        article.container .content .card ol,
        article.container .content .card p {
            padding-left: 2.7222rem;
        }
    }

    @media (min-width: 992px) {
        article.container .content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .edit-form article.container .content {
            flex-direction: column;
        }
    }

    /* trade page */
    article.container .content .content-wrapper {
        max-width: 53.333rem;
    }

        article.container .content .content-wrapper .trade-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin-bottom: 0.5rem;
        }

            article.container .content .content-wrapper .trade-header h3 {
                margin-bottom: 0.5rem;
                margin-top: 0;
            }

            article.container .content .content-wrapper .trade-header .tools {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                padding-top: 0;
                padding-bottom: 0;
                border-bottom: none;
                margin-bottom: 0;
            }

                article.container .content .content-wrapper .trade-header .tools .btn {
                    margin-left: 0;
                    margin-bottom: 0.5rem;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                }

        article.container .content .content-wrapper .row {
            line-height: 1.5rem;
        }

        article.container .content .content-wrapper .label,
        .form-group .label {
            font-weight: 600;
            /*width: 8.333rem;*/
        }

        article.container .content .content-wrapper h4 {
            font-weight: 600;
        }

            article.container .content .content-wrapper h4.blue {
                font-size: 1rem;
                color: #007ac0;
            }

    article.container .content .trade-content .card {
        padding: 1.5rem;
    }

    article.container .content .trade-content .m-b-18 {
        margin-bottom: 1.8rem;
    }

    .edit-form article.container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding-top: 1rem;
    }

        .edit-form article.container .content {
            padding-bottom: 5rem;
            max-width: 55.555rem;
        }

            .edit-form article.container .content form {
                font-size: 0.8333rem;
            }

    .edit-form .submit-row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 1rem;
    }

        .edit-form .submit-row .btn-fixed,
        .filter-form .submit-row .btn-fixed {
            width: 8.3rem;
        }

        .edit-form .submit-row .btn-primary {
            background-color: #007ac0;
            color: white;
        }

        .edit-form .submit-row .btn-outline-primary {
            border-color: #007ac0;
            color: #007ac0;
        }

            .edit-form .submit-row .btn-outline-primary:hover {
                background-color: #007ac0;
                color: white;
            }

    .edit-form .row .col-auto {
        width: 7.222rem;
    }

    .edit-form .check-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 0.0555rem solid #d8d8d8;
        margin-bottom: 0.5rem;
    }

    .edit-form .total {
        color: #0069a6;
        margin-bottom: 0.5rem;
    }

    .edit-form .header-right .btn-sm {
        font-size: 80%;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .edit-form .header-right .btn-pink {
        background-color: #ef6990;
        color: white;
        margin-right: 0.5rem;
    }

    .edit-form .header-right .btn-explore {
        border-radius: 0;
        background-color: white;
        border: 0.0555rem solid #007ac0;
        color: #007ac0;
    }

    .edit-form .result-list {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

        .edit-form .result-list .card {
            margin-bottom: 0.5rem;
            border: none;
            border-bottom: 0.0555rem solid #d8d8d8;
            border-radius: 0;
            padding: 0.5rem;
        }

            .edit-form .result-list .card a.name {
                color: #2b2b2b;
                text-decoration: underline;
                font-size: 1rem;
            }

    @media (max-width: 768px) {
        .edit-form .result-list .card a.name {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    .edit-form .result-list .card .row {
        font-size: 0.9rem;
    }

    .edit-form .result-list .card .row-left {
        /* margin-top: 1rem; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    div.results > div.result-list > ul > li.card > div.row > div.row-left > img {
        width: 1.5rem;
        margin-right: 0.5rem;
    }

    div.results > div.result-list > ul > li.card > div.row > div.row-left > a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.results > div.result-list > ul > li.card > div.row > div.row-left > div.b-right > i.icon-language,
    div.results > div.result-list > ul > li.card > div.row > div.row-right > div.click > i.icon-pointer {
        color: #0a7cb2; /* AA : #0a7cb2  本來的圖標接近色：#0B8EC9 */
        font-size: 1rem;
        margin-right: 0.5rem;
        margin-top: 0.2rem;
    }

    div.results > div.result-list > ul > li.card > div.row > div.row-right > div.click > i.icon-point {
        color: #0a7cb2;
    }

    .edit-form .result-list .card .row-left .b-right {
        position: relative;
        display: inline-flex;
        text-align: center;
        padding-right: 1rem;
        margin-right: 0.8rem;
        /* border-right: 0.0555rem solid #d8d8d8; */
    }

    .edit-form .result-list .card .row-right {
        /* margin-top: 0.5rem; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    /*
.edit-form .result-list .card .row-right .click {
    background-color: rgba(141, 213, 235, 0.14);
    border-radius: 1rem;
    padding: 0.1rem 0.8rem;
}
*/

    @media (min-width: 576px) {
        article.container .content .content-wrapper .trade-header {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin-bottom: 1rem;
        }

            article.container .content .content-wrapper .trade-header h3 {
                margin-bottom: 0.5rem;
                margin-top: 0;
            }

            article.container .content .content-wrapper .trade-header .tools {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
            }

                article.container .content .content-wrapper .trade-header .tools .btn {
                    margin-left: 0;
                    margin-right: 0.5rem;
                    margin-bottom: 0;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                }
    }

    @media (min-width: 768px) {
        .edit-form .submit-row {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

        .edit-form .total {
            margin-bottom: 0;
        }

        .edit-form .results header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }
    }

    @media (min-width: 992px) {
        .edit-form article.container .content {
            display: block;
        }

        .edit-form .result-list .card .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        /*
    .edit-form .result-list .card .row-right {
        margin-top: 1rem;
    }
    */
    }

    @media (min-width: 1280px) {
        article.container .content .content-wrapper .trade-header {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 0.5rem;
        }

            article.container .content .content-wrapper .trade-header h3 {
                margin-bottom: 0;
                margin-top: 0;
            }

            article.container .content .content-wrapper .trade-header .tools {
                min-width: 60%;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
            }

                article.container .content .content-wrapper .trade-header .tools .btn {
                    margin-left: 0.5rem;
                    margin-bottom: 0;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                }
    }

    .member-page .row .col-auto {
        width: 8.222rem;
    }

    .member-page .member-form {
        padding-right: 0.8333rem;
    }

    article.explain-container .content {
        display: block;
    }

        article.explain-container .content .tab-pane {
            border-bottom: none;
        }

            article.explain-container .content .tab-pane a {
                text-decoration: underline;
                color: #007ac0;
                display: block;
            }

                article.explain-container .content .tab-pane a:hover {
                    color: #007ac0;
                }

                article.explain-container .content .tab-pane a:active {
                    color: #007ac0;
                }

                article.explain-container .content .tab-pane a.inline {
                    display: inline;
                }

            article.explain-container .content .tab-pane .ins3,
            article.explain-container .content .tab-pane .ins4 {
                border: 0.0555rem solid #e0e0e0;
                margin-bottom: 0.55555rem;
            }

                article.explain-container .content .tab-pane .ins3 .row,
                article.explain-container .content .tab-pane .ins4 .row {
                    padding-top: 0.5rem;
                    padding-bottom: 0.5rem;
                    margin-left: 0.0555rem;
                    margin-right: 0.0555rem;
                }

                    article.explain-container .content .tab-pane .ins3 .row:nth-child(odd),
                    article.explain-container .content .tab-pane .ins4 .row:nth-child(odd) {
                        background-color: #f1f6f9;
                    }

                        article.explain-container .content .tab-pane .ins3 .row:nth-child(odd) > div > a {
                            color: #0075B8 !important;
                        }

                    article.explain-container .content .tab-pane .ins3 .row .mx-0,
                    article.explain-container .content .tab-pane .ins4 .row .mx-0 {
                        font-weight: 600;
                    }

            article.explain-container .content .tab-pane ol {
                padding-left: 1rem;
                margin-bottom: 0;
            }

                article.explain-container .content .tab-pane ol li {
                    list-style-type: decimal;
                    line-height: 200%;
                }

            article.explain-container .content .tab-pane ul li {
                line-height: 200%;
            }

        article.explain-container .content #procedures .flow {
            margin-top: 1rem;
            background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/procedures-m_2x.png) no-repeat;
            background-size: contain;
            /*width: 18.111111rem;*/
            height: 29.5rem;
        }

    @media (min-width: 768px) {
        article.explain-container .content #procedures .flow {
            background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/procedures_2x.png) no-repeat;
            background-size: contain;
            /*width: 35.985983333rem;*/
            height: 22.222222rem;
        }
    }

    @media (min-width: 992px) {
        article.explain-container .content #procedures .flow {
            background-size: contain;
            width: 39.94444rem;
            height: 24.6666rem;
        }
    }

    @media (min-width: 1200px) {
        article.explain-container .content #procedures .flow {
            background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/procedures_3x.png) no-repeat;
            background-size: contain;
        }
    }

    article.techsply-container .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 0.8333rem;
    }

        article.techsply-container .content .join-btn {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            border-radius: 0;
        }

        article.techsply-container .content .btn-outline-primary.join-btn {
            border-radius: 0.11111rem;
        }

        article.techsply-container .content .card {
            padding: 1.1111rem;
        }

            article.techsply-container .content .card a {
                color: #2b2b2b;
                text-decoration: underline;
            }

            article.techsply-container .content .card .col-12 {
                margin-bottom: 1rem;
            }

            article.techsply-container .content .card .contact {
                font-weight: 600;
            }

            article.techsply-container .content .card .category {
                font-weight: 600;
                font-size: 1.1111rem;
            }

            article.techsply-container .content .card #cate-title {
                font-weight: 600;
                font-size: 1.1111rem;
                color: #2b2b2b;
                margin-bottom: 0;
                padding-left: 0.5rem;
            }

            article.techsply-container .content .card #list .item {
                display: block;
                padding: 0.5rem;
                border-bottom: 0.0555rem solid #d8d8d8;
                line-height: 1.33333rem;
            }

                article.techsply-container .content .card #list .item a.company-name {
                    display: block;
                    font-weight: 600;
                    color: #007ac0;
                    line-height: 1.73;
                    margin-bottom: 0.3rem;
                }

            article.techsply-container .content .card h3 {
                color: #007ac0;
                font-size: 1rem;
            }

            article.techsply-container .content .card .tags {
                font-weight: 600;
            }

            article.techsply-container .content .card .contact-info {
                margin-top: 1rem;
            }

                article.techsply-container .content .card .contact-info .row {
                    line-height: 1.85;
                    padding-left: 0.8333rem;
                    padding-right: 0.8333rem;
                }

            article.techsply-container .content .card .pagination-wrapper {
                margin-top: 1rem;
                margin-bottom: 1rem;
            }

                article.techsply-container .content .card .pagination-wrapper .pagination li {
                    list-style: none;
                }

                    article.techsply-container .content .card .pagination-wrapper .pagination li a {
                        text-decoration: none;
                    }

    @media (min-width: 586px) {
        article.techsply-container .content .card .col-sm-6:nth-child(odd) {
            border-right: 0.05555rem solid #d8d8d8;
        }
    }

    @media (min-width: 768px) {
        article.techsply-container .content .card {
            padding-top: 1.5rem;
        }

            article.techsply-container .content .card .col-md-3 {
                padding-left: 2rem;
                padding-right: 2rem;
                border-right: 0.05555rem solid #d8d8d8;
            }

                article.techsply-container .content .card .col-md-3:last-child {
                    border-right: none;
                }

            article.techsply-container .content .card #list .item div.address {
                padding-right: 0.8rem;
                margin-right: 0.8rem;
                border-right: 0.0555rem solid #d8d8d8;
                display: inline-block;
            }
    }

    article.value-container .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0.75rem;
    }

        article.value-container .content .tags.expanded {
            height: auto !important;
        }

        article.value-container .content .tags.collapse {
            display: block;
            overflow: hidden;
            height: 5.2rem;
        }

        article.value-container .content .tags .tag-item {
            display: inline-block;
            padding: 0.5rem 1.3rem 0.5rem 1rem;
            margin-right: 0.5rem;
            color: #007ac0;
            background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/tag-arrow.svg) no-repeat left center;
            background-size: contain;
            max-width: 10.3125rem;
        }

            article.value-container .content .tags .tag-item:hover {
                text-decoration: none;
            }

        article.value-container .content .more {
            margin-top: 0.5rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

            article.value-container .content .more a {
                color: #007ac0;
                text-decoration: underline;
            }

        article.value-container .content .filter-form {
            padding: 1rem;
            border-radius: 0.5rem;
            box-shadow: inset 0rem 0rem 2rem 0px rgba(0,122,192,0.2);
            border-bottom: 0.05555rem solid #d8d8d8;
            margin-bottom: 2rem;
        }

            /*article.value-container .content .filter-form .row {
    margin-bottom: 0;
}*/

            article.value-container .content .filter-form .submit-row {
                /*margin: 1rem 0.83333rem 2rem;*/
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                article.value-container .content .filter-form .submit-row button {
                    padding-left: 3rem;
                    padding-right: 3rem;
                }

            article.value-container .content .filter-form .col-fix {
                width: 100%;
                font-weight: 600;
                padding-left: 0.8333rem;
                padding-right: 0;
            }

            article.value-container .content .filter-form .col {
                padding-left: 0.8333rem;
                padding-right: 0.8333rem;
            }

        article.value-container .content .btn-primary-sm-outline {
            max-height: 1.77777rem;
            margin-left: 1rem;
        }

        article.value-container .content .list {
            margin-top: 1rem;
            padding-bottom: 1rem;
        }

            article.value-container .content .list li.list-item {
                /*
    border-bottom: 0.05555rem solid #d8d8d8;
    padding: 0.5rem 0;
    */
                background-color: white;
                border-radius: 0.5rem;
                margin-bottom: 1rem;
                padding: 0.75rem;
                -webkit-box-shadow: 0 0.4444rem 1.1111rem 0 rgba(109, 109, 109, 0.3);
                box-shadow: 0px 0.44rem 1.11rem 0px rgba(109,109,109,0.3);
                font-size: 0.83rem;
                /*border: none;*/
            }

                article.value-container .content .list li.list-item a {
                    display: block;
                    text-decoration: underline;
                    color: #007ac0;
                    font-weight: 600;
                    margin-bottom: 0.5rem;
                }

                article.value-container .content .list li.list-item footer {
                    font-size: 1rem;
                }

                    article.value-container .content .list li.list-item footer span.bold {
                        display: inline-block;
                        padding-right: 0.5rem;
                        margin-right: 0.5rem;
                        border-right: 0.055555rem solid #d8d8d8;
                    }

                    article.value-container .content .list li.list-item footer span.b-none,
                    article.value-container .content .list li.list-item footer span.wrap {
                        border: none;
                    }

        article.value-container .content .list-footer {
            margin-top: 1rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

    @media (min-width: 586px) {
        /*article.value-container .content .filter-form {
        margin-bottom: 2rem;
    }*/
        /*article.value-container .content .filter-form .row {
        margin-bottom: 0.3rem;
    }*/
        article.value-container .content .filter-form .m-b-3 {
            margin-bottom: 0.3rem;
        }

        article.value-container .content .filter-form .col-fix {
            width: 9.3rem;
            /*font-weight: 400;*/
        }

        article.value-container .content .filter-form .col {
            padding-left: 0.8333rem;
            padding-right: 0.8333rem;
        }

        article.value-container .content .list {
            margin-top: 1rem;
            padding-bottom: 1rem;
            /*padding-right: 2rem;*/
        }
            /*article.value-container .content .list li.list-item {
        padding: 0.5rem 0;
    }*/
            article.value-container .content .list li.list-item footer .f-wrapper {
                display: inline-block;
            }

            article.value-container .content .list li.list-item footer span.bold {
                padding-right: 0.8rem;
                margin-right: 0.8rem;
            }

            article.value-container .content .list li.list-item footer span.wrap {
                border-right: 0.055555rem solid #d8d8d8;
            }
    }

    @media (min-width: 992px) {
        article.value-container .content .filter-form .col-fix {
            width: 5.3rem;
        }

        article.value-container .content .filter-form .w-9 {
            width: 9.3rem;
        }

        article.value-container .content .filter-form .submit-row {
            margin: 1rem 0 0 0;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

            article.value-container .content .filter-form .submit-row button {
                padding-left: 3rem;
                padding-right: 3rem;
            }
    }

    article.sample-container .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0.75rem;
    }

        article.sample-container .content a {
            color: #007ac0;
            text-decoration: underline;
        }

            article.sample-container .content a:hover {
                color: #007ac0;
            }

        article.sample-container .content p a.link {
            display: block;
            margin-top: 0.5rem;
        }

        article.sample-container .content .card {
            padding: 1.11111rem;
        }

            article.sample-container .content .card p {
                padding: 0;
            }

            article.sample-container .content .card footer {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
            }

            article.sample-container .content .card .pic {
                width: 13rem; /*16.6666rem;*/
                height: 13rem; /*16.6666rem;*/
                margin: 0 auto;
            }

            article.sample-container .content .card .pic1 {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/samples/sample-01.png) no-repeat center center;
                background-size: contain;
            }

            article.sample-container .content .card .pic2 {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/samples/sample-02.png) no-repeat center center;
                background-size: contain;
            }

            article.sample-container .content .card .pic3 {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/samples/sample-03.png) no-repeat center center;
                background-size: contain;
            }

            article.sample-container .content .card h4 {
                font-weight: 600;
                font-size: 1.111111rem;
            }

    article.register-container .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0.75rem;
        color: #5a5a5a;
    }

        article.register-container .content h3 {
            color: #2b2b2b;
        }

        article.register-container .content .customer-ul li {
            list-style: square inside url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/diamond.svg);
            line-height: 1.5rem;
            padding-left: 1rem;
        }

            article.register-container .content .customer-ul li ol {
                padding-left: 1.8rem;
            }

                article.register-container .content .customer-ul li ol li {
                    list-style: decimal;
                    padding-left: 0.2rem;
                }

        article.register-container .content a {
            color: #5a5a5a;
            text-decoration: underline;
        }

            article.register-container .content a:hover {
                color: #5a5a5a;
            }

        article.register-container .content .map {
            margin-top: 1rem;
            margin-bottom: 1rem;
            width: 100%;
            height: 47.27777rem;
            background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/register-map-m.png) no-repeat;
            background-size: contain;
            background-position: center;
        }

        article.register-container .content .card {
            min-height: 10.83333rem;
            padding: 1rem;
        }

            article.register-container .content .card header {
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
            }

            article.register-container .content .card .icon-register {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-register.svg) no-repeat center center;
            }

            article.register-container .content .card .icon-organization {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-organization.svg) no-repeat center center;
            }

            article.register-container .content .card .icon-training {
                background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/icon-training.svg) no-repeat center center;
            }

    @media (min-width: 586px) {
        article.register-container .content .map {
            height: 14.944444rem;
            background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170520180019/https://www.twtm.com.tw/images/register-map.png) no-repeat;
            background-size: contain;
            background-position: center;
        }
    }

    article.training-container .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        article.training-container .content p {
            margin-top: 1rem;
        }

        article.training-container .content .card {
            padding: 0.888888rem;
        }

            article.training-container .content .card header h3 {
                color: #007ac0;
                font-size: 1rem;
                margin-bottom: 0.3rem;
            }

            article.training-container .content .card .row {
                line-height: 1.3333rem;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
            }

                article.training-container .content .card .row .col-sm-auto {
                    width: 5.611111rem;
                    padding-right: 0;
                    font-weight: 600;
                }

                article.training-container .content .card .row .col-sm {
                    margin-bottom: 0.5rem;
                    font-weight: 600;
                }

                article.training-container .content .card .row a.link {
                    color: #2b2b2b;
                    text-decoration: underline;
                    display: inline-block;
                    max-width: 100%;
                }

    article.training-container .font-max .card header h3 {
        font-size: 1.5rem;
    }

    article.training-container .font-max .card .row {
        line-height: 1.8333rem;
    }

        article.training-container .font-max .card .row .col-sm-auto {
            width: 7rem;
        }

    article.training-container .font-normal .card header h3 {
        font-size: 1.3rem;
    }

    article.training-container .font-normal .card .row {
        line-height: 1.5333rem;
    }

        article.training-container .font-normal .card .row .col-sm-auto {
            width: 6rem;
        }

    article.training-container .font-min .card header h3 {
        font-size: 1rem;
    }

    article.training-container .font-min .card .row {
        line-height: 1.3333rem;
    }

        article.training-container .font-min .card .row .col-sm-auto {
            width: 5.611111rem;
        }

    @media (min-width: 586px) {
        article.training-container .content .card .row .col-sm-auto {
            font-weight: 400;
        }

        article.training-container .content .card .row .col-sm {
            margin-bottom: 0;
            padding-left: 0;
        }

            article.training-container .content .card .row .col-sm a {
                display: block;
            }

        article.training-container .font-max .card header h3 {
            font-size: 1.5rem;
        }

        article.training-container .font-max .card .row {
            line-height: 1.8333rem;
        }

            article.training-container .font-max .card .row .col-sm-auto {
                width: 7rem;
            }

            article.training-container .font-max .card .row .col-sm {
                max-width: 70%;
            }

        article.training-container .font-normal .card header h3 {
            font-size: 1.3rem;
        }

        article.training-container .font-normal .card .row {
            line-height: 1.5333rem;
        }

            article.training-container .font-normal .card .row .col-sm-auto {
                width: 6rem;
            }

        article.training-container .font-min .card header h3 {
            font-size: 1rem;
        }

        article.training-container .font-min .card .row {
            line-height: 1.3333rem;
        }

            article.training-container .font-min .card .row .col-sm-auto {
                width: 5.611111rem;
            }
    }

    article.about-container .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0.75rem;
        color: #5a5a5a;
    }

        article.about-container .content h3 {
            color: #2b2b2b;
            margin-bottom: 1.1111rem;
        }

        article.about-container .content ol {
            padding-left: 1rem;
            margin-bottom: 1rem;
        }

            article.about-container .content ol li {
                list-style: decimal;
                padding-left: 0.2rem;
            }

        article.about-container .content a {
            color: #5a5a5a;
            text-decoration: none;
        }

            article.about-container .content a:hover {
                color: #5a5a5a;
            }

    /*
.brand a:first-of-type {
    z-index: 9;
}
*/
    .energyIPqualifiedVendor {
        display: flex;
    }

        .energyIPqualifiedVendor > a {
            display: flex;
            flex-direction: column;
            width: 7rem;
            height: 100%;
            min-width: 64px;
            margin-left: 10px;
            white-space: nowrap;
            text-decoration: underline;
            cursor: pointer;
        }

            .energyIPqualifiedVendor > a > img {
                width: 100%;
                height: 100%;
            }

            .energyIPqualifiedVendor > a:hover {
                text-decoration: underline;
            }


    /* table 都在這裡 */
    .eIPTable {
        width: 100%;
    }

        .eIPTable thead {
            border: 1px solid #007ac0;
        }

            .eIPTable thead tr:first-child th:not(:last-child), table.eIPTable thead tr:last-child th:not(:last-child) {
                border-right: 1px solid #fff;
            }

            .eIPTable thead tr:first-child th:not(:first-child):not(:nth-last-child(-n+2)) {
                border-bottom: 1px solid #fff;
            }

            .eIPTable thead tr th {
                color: #fff;
                text-align: center;
                background-color: #007ac0;
                padding: 5px;
            }

        .eIPTable tbody tr th {
            border-left: 1px solid #007ac0;
            border-bottom: 1px solid #007ac0;
            padding: 5px;
        }

        .eIPTable tbody tr td {
            border: 1px solid #007ac0;
            padding: 5px;
        }

            .eIPTable tbody tr td:not(:first-child) {
                text-align: center;
            }

    .eRDTable {
        width: 100%;
    }

        .eRDTable thead {
            border: 1px solid #007ac0;
        }

            .eRDTable thead tr:first-child th:not(:last-child), table.eRDTable thead tr:last-child th:not(:last-child) {
                border-right: 1px solid #fff;
            }

            .eRDTable thead tr:first-child th:not(:nth-child(-n+2)) {
                border-bottom: 1px solid #fff;
            }

            .eRDTable thead tr th {
                color: #fff;
                text-align: center;
                background-color: #007ac0;
                padding: 5px;
            }

        .eRDTable tbody tr th {
            border-left: 1px solid #007ac0;
            border-bottom: 1px solid #007ac0;
            padding: 5px;
        }

        .eRDTable tbody tr td {
            border: 1px solid #007ac0;
            padding: 5px;
        }

            .eRDTable tbody tr td:not(:first-child) {
                text-align: center;
            }
    /* 20210707_start */
    .col_tableA {
        border: 0.0555rem solid #e0e0e0;
    }

        .col_tableA .row {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            margin-left: 0.0555rem;
            margin-right: 0.0555rem;
            width: 100%;
        }

            .col_tableA .row:not(:last-child) {
                border-bottom: 0.0555rem solid #e0e0e0;
            }

            .col_tableA .row:first-child {
                background-color: #007ac0 !important;
                color: #fff;
            }

            .col_tableA .row:not(first-child):nth-child(odd) {
                background-color: #f1f6f9;
            }
    /* 20210707_end */

    /* 希望強制發作的顯示設定 */
    .ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .padShow {
        display: none;
    }

    @media (max-width: 768px) {
        .padShow {
            display: block;
        }

        .desktopShow {
            display: none;
        }
    }

    .displayNone {
        display: none;
    }

    .nav-top > li.displayNone {
        display: none;
    }

    .dropdown-menu .dropdown-item.displayNone {
        display: none;
    }

    .posre {
        position: relative;
    }

    .textAlignRight {
        text-align: right;
    }






/*
     FILE ARCHIVED ON 18:00:19 五月 20, 2017 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 7:42:05 五月 23, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/