@charset "UTF-8";

* {
    letter-spacing: 0 !important;
}

    *:focus {
        outline: 3px dashed #b23742 !important;
    }

body, h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #384956;
    font-weight: bolder;
}

ul li, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a, a:hover {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#top-bar {
    height: auto;
    background-color: #21cdc1;
    text-align: center;
    line-height: normal;
    padding: 0em 1em 0em 1em;
}

    #top-bar > a {
        position: absolute;
        left: 1em;
        top: 0.5em;
    }

@media (max-width: 992px) {
    #Accesskey_U, #Accesskey_C, #Accesskey_Z {
        display: none;
    }
}

#top-bar h1 {
    width: auto;
    background: url(../../images/CREATIDEA_img/icon_exclamation.png) no-repeat left center;
    background-size: contain;
    color: #ffffff;
    font-size: 1em;
    font-weight: normal;
    margin: 0.5em auto;
    padding: 0em 0em 0em 2em;
    display: inline-block;
}

#top-bar a {
    color: #ffffff;
}

a {
    word-break: break-word;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1560px;
    }
}

@media (max-width: 768px) {
    #top-bar h1 {
        background: url(../../images/CREATIDEA_img/icon_exclamation.png) no-repeat 0.5em center;
        font-size: 1em;
        padding: 0.5em 0.5em 0.5em 3em;
    }
}

@media (max-width: 640px) {
    #top-bar h1 {
        background: url(../../images/CREATIDEA_img/icon_exclamation.png) no-repeat left 1em center;
        text-align: left;
        padding: 0.5em 0.5em 0.5em 3em;
    }
}

/* @media (min-width: 992px) {
  .container {
    max-width: none;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: none;
  }
} */

@media (max-width: 575px) {
    .container, #header.full-header .container, .container-fullwidth {
        width: 100% !important;
        padding-left: 1em !important;
        padding-right: 1em !important;
    }
}

/*@media (min-width: 576px) {
  .container {
     max-width: none;
   }
}*/

header, #header {
    height: auto;
    margin: 0 auto;
}

#header, #header-wrap, #logo img {
    background-color: #ffffff;
    position: relative;
    -webkit-transition: height .4s ease, opacity .3s ease;
    -moz-transition: height .4s ease, opacity .3s ease;
    -o-transition: height .4s ease, opacity .3s ease;
    transition: height .4s ease, opacity .3s ease;
}

    header #logo, #header #logo {
        margin: 5px 0;
    }

        #header #logo a {
            margin-top: 0.3em;
            display: block;
        }

        header #logo img, #header #logo img {
            height: auto;
            margin: 0;
        }

    header #header-wrap, #header #header-wrap {
        height: auto;
        padding: 0.5em 0em 0em 0em;
        position: relative;
        z-index: 199;
        -webkit-backface-visibility: hidden;
    }

    #header.sticky-header #header-wrap {
        box-shadow: none;
    }

    #header-wrap .container {
        margin-bottom: 1em;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    header #logo img, #header #logo img {
        height: 1.5em;
    }

@media (max-width: 1200px) {
    #header-wrap .container {
        max-width: none;
    }
}

@media (max-width: 992px) {
    header, #header {
        margin: 0;
    }

        header #header-wrap, #header #header-wrap {
            padding: 1em 0em 1em 0em;
        }

        .header #logo, #header #logo {
            height: auto;
            margin: 0 !important;
            /*MCI*/
            margin-right: 60px !important;
        }

            header #logo img, #header #logo img {
                height: 1.3em;
                margin: 0;
                /*MCI*/
                height: auto;
                max-width: 100%;
                max-height: 50px;
            }

            #header #logo a {
                margin-top: 0;
            }

    #header-wrap .container {
        max-width: none;
        margin-bottom: 0;
    }
}

/* search */
.cmuh_fuction {
    display: flex;
    align-items: center;
}

    .cmuh_fuction form {
        margin: 0;
        border-radius: 0.5em;
        display: flex;
        overflow: hidden;
    }

        .cmuh_fuction form label {
            display: none;
        }

        .cmuh_fuction form input {
            height: 2.5em;
            background-color: #e8e8e8;
            color: #063e8d;
            font-size: 1em;
            font-weight: bolder;
            border-radius: 0;
            border: none;
        }

            .cmuh_fuction form input[type=text], .cmuh_fuction form input::placeholder {
                color: #063e8d;
            }

        .cmuh_fuction form button {
            width: 20%;
            background: url(../../images/CREATIDEA_img/icon_search.png) no-repeat center center #7ca0db;
            font-size: 0;
            border: none;
            border-radius: 0em;
        }

            .cmuh_fuction form button:hover, .cmuh_fuction form button:active {
                background: url(../../images/CREATIDEA_img/icon_search.png) no-repeat center center #5180cd !important;
            }

.language_div {
    margin: 0em 0em 0em 0.5em;
    display: flex;
}

    .language_div a {
        width: 2.6em;
        height: 2.1em;
        background-color: #21cdc1;
        color: #ffffff;
        font-size: 1.2em;
        font-weight: bolder;
        border: 1px solid #21cdc1;
        border-radius: 0.5em;
        line-height: normal;
        margin: 0em 0em 0em 0.5em;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .language_div a:hover, .language_div a:active {
            background-color: #ffffff;
            color: #21cdc1;
            border: 1px solid #21cdc1;
        }

        .language_div a:nth-child(4) {
            background: url(../../images/CREATIDEA_img/icon_sitemap.png) no-repeat center center/auto #21cdc1;
        }

            .language_div a:nth-child(4):hover, .language_div a:nth-child(4):active {
                background: url(../../images/CREATIDEA_img/icon_sitemap2.png) no-repeat center center/auto #ffffff;
                color: #21cdc1;
                border: 1px solid #21cdc1;
            }

.search_rwd {
    display: none;
}

.cmuh_fuction.search_rwd form label {
    display: none;
}

.cmuh_fuction.search_rwd form input {
    font-size: 1em;
}

.search_rwd .language_div a {
    background-color: #ffffff;
    color: #21cdc1;
    border: 1px solid #21cdc1;
}

    .search_rwd .language_div a:hover, .search_rwd .language_div a:active {
        background-color: #21cdc1;
        color: #ffffff;
        border: 1px solid #ffffff;
    }

    .search_rwd .language_div a:nth-child(4) {
        background: url(../../images/CREATIDEA_img/icon_sitemap2.png) no-repeat center center/auto #ffffff;
        color: #21cdc1;
        border: 1px solid #21cdc1;
    }

        .search_rwd .language_div a:nth-child(4):hover, .search_rwd .language_div a:nth-child(4):active {
            background: url(../../images/CREATIDEA_img/icon_sitemap.png) no-repeat center center/auto #21cdc1;
            border: 1px solid #ffffff;
        }

@media (max-width: 992px) {
    .cmuh_fuction {
        display: none;
    }

    .search_rwd {
        padding: 1em 1em 0.5em 1em;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 520px) {
    .search_rwd {
        flex-wrap: wrap;
    }

        .search_rwd .language_div {
            width: 100%;
            text-align: center;
            margin: 1em 0em 0em 0em;
            justify-content: center;
        }
}
/* search end */

.button {
    text-transform: unset;
    white-space: normal;
    display: inline-table;
}

/* 主選單 */
header .navbar .navbar-nav, #header .navbar .navbar-nav {
    margin: 0 auto;
    padding: 0;
}

header .cmuh_main.navbar, #header .cmuh_main.navbar {
    width: 100%;
    background: #ffffff;
    padding: 0;
}

    header .cmuh_main.navbar .navbar-nav, #header .cmuh_main.navbar .navbar-nav {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }

        header .cmuh_main.navbar .navbar-nav .nav-item, #header .cmuh_main.navbar .navbar-nav .nav-item {
            width: 25%;
            text-align: center;
            line-height: normal;
            border: 0;
            padding: 0;
        }

            header .cmuh_main.navbar .navbar-nav .nav-item:hover, header .cmuh_main.navbar .navbar-nav .nav-item:focus, #header .cmuh_main.navbar .navbar-nav .nav-item:hover, #header .cmuh_main.navbar .navbar-nav .nav-item:focus {
                color: #2652ad;
            }

        header .cmuh_main.navbar .navbar-nav .nav-link, #header .cmuh_main.navbar .navbar-nav .nav-link {
            color: #ffffff;
            font-size: 1.4em;
            font-weight: bolder;
            /* border-bottom: 8px solid #ffffff; */
            padding: 0.5em 0.5em 0.5em 0.5em;
        }

        header .cmuh_main.navbar .navbar-nav .show a.nav-link, #header .cmuh_main.navbar .navbar-nav .show a.nav-link {
            background-color: #21cdc1;
            color: #063e8d;
            /*color: #21cdc1;*/
            /*border-bottom: 8px solid #21cdc1;*/
            /*-webkit-transition: 0.5s all;
            -moz-transition: 0.5s all;
            -o-transition: 0.5s all;
            transition: 0.5s all;*/
        }

.cmuh_main .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    display: none;
}

.cmuh_main .dropdown-toggle::after {
    display: none;
}

.cmuh_main .navbar-nav .dropdown-menu {
    width: 100vw !important;
    max-width: 500% !important;
    min-width: auto !important;
    background-color: #e7f8f8;
    font-size: 0.875rem;
    border: 0;
    border-radius: 0;
    padding: 2em;
    flex-wrap: wrap;
}

    /* .cmuh_main .navbar-nav .nav-item:nth-child(1) .dropdown-menu {
  margin-left: 0px !important;
}

.cmuh_main .navbar-nav .nav-item:nth-child(2) .dropdown-menu {
  margin-left: -477px !important;
}

.cmuh_main .navbar-nav .nav-item:nth-child(3) .dropdown-menu {
  margin-left: -952px !important;
}

.cmuh_main .navbar-nav .nav-item:nth-child(4) .dropdown-menu {
  margin-left: -1427px !important;
} */

    .cmuh_main .navbar-nav .dropdown-menu[aria-expanded="true"] {
        display: flex !important;
    }

ul#group_2[aria-expanded="true"] {
    display: flex !important;
}

.cmuh_main .navbar-nav .dropdown-menu > li {
    width: 25%;
    padding: 0em 0.5em 1em 0.5em;
}

    .cmuh_main .navbar-nav .dropdown-menu > li h3 {
        font-size: 1.5em;
        font-weight: bolder;
        line-height: normal;
        margin-bottom: 0.3em;
    }

    .cmuh_main .navbar-nav .dropdown-menu > li ul {
        padding: 0;
    }

    .cmuh_main .navbar-nav .dropdown-menu > li > ul > li {
        line-height: 2.3em;
        margin-bottom: 0.5em;
        padding-left: 1.5em;
    }

        .cmuh_main .navbar-nav .dropdown-menu > li > ul > li a {
            color: #3266b0;
            font-size: 1.3em;
            font-weight: bolder;
            line-height: normal;
            text-indent: -0.9em;
            display: block;
        }

            .cmuh_main .navbar-nav .dropdown-menu > li > ul > li a:hover, .cmuh_main .navbar-nav .dropdown-menu > li > ul > li a:active {
                color: #24a198;
                text-decoration: underline;
            }

@media (max-width: 1400px) {
    header .cmuh_main.navbar .navbar-nav .nav-link, #header .cmuh_main.navbar .navbar-nav .nav-link {
        font-size: 1.3em;
    }
}

@media (max-width: 1200px) {
    header .cmuh_main.navbar .navbar-nav .nav-link, #header .cmuh_main.navbar .navbar-nav .nav-link {
        font-size: 1.2em;
    }

    .cmuh_main .navbar-nav .dropdown-menu > li h3 {
        font-size: 1.2em;
    }

    .cmuh_main .navbar-nav .dropdown-menu > li > ul > li {
        line-height: 1.5em;
        padding-left: 1em;
    }

        .cmuh_main .navbar-nav .dropdown-menu > li > ul > li a {
            font-size: 1em;
        }
}

.navbar_rwd {
    display: none;
}

header .navbar.navbar_rwd, #header .navbar.navbar_rwd {
    width: 100%;
    background-color: #21cdc1;
    font-weight: bolder;
    border-radius: 0em 0em 0.5em 0.5em;
    padding: 0;
}

    header .navbar.navbar_rwd .container-fluid, #header .navbar.navbar_rwd .container-fluid {
        background-color: #21cdc1;
        margin-top: 1em;
        /* padding: 0.5em 1em; */
        position: absolute;
    }

    header .navbar.navbar_rwd .navbar-nav, #header .navbar.navbar_rwd .navbar-nav {
        background-color: #21cdc1;
        font-size: 1.5em;
        padding: 0.5em 1em 1em 1em;
    }

        header .navbar.navbar_rwd .navbar-nav .nav-item, #header .navbar.navbar_rwd .navbar-nav .nav-item {
            border-right: 0;
            border-bottom: 2px solid #ffffff;
        }

header .navbar .navbar-nav .nav-item:hover, header .navbar .navbar-nav .nav-item:focus, #header .navbar .navbar-nav .nav-item:hover, #header .navbar .navbar-nav .nav-item:focus {
    color: #2652ad;
}

header .navbar.navbar_rwd .navbar-nav .nav-link, #header .navbar.navbar_rwd .navbar-nav .nav-link {
    color: #ffffff;
}

header .navbar.navbar_rwd .navbar-nav .nav-item:hover .nav-link, header .navbar.navbar_rwd .navbar-nav .nav-item:focus .nav-link, #header .navbar.navbar_rwd .navbar-nav .nav-item:hover .nav-link, #header .navbar.navbar_rwd .navbar-nav .nav-item:focus .nav-link {
    color: #2652ad;
}

header .navbar.navbar_rwd .navbar-nav .nav-link .sub-arrow, #header .navbar.navbar_rwd .navbar-nav .nav-link .sub-arrow {
    color: #ffffff;
    border: 1px solid #ffffff;
}

header .navbar.navbar_rwd .navbar-nav .nav-item:hover .nav-link .sub-arrow, #header .navbar.navbar_rwd .navbar-nav .nav-item:hover .nav-link .sub-arrow {
    color: #2652ad;
    border: 1px solid #2652ad;
}

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

    .navbar_rwd .dropdown-menu a {
        font-size: 1.2em;
    }

        .navbar_rwd .dropdown-menu a:hover, .navbar_rwd .dropdown-menu a:active {
            color: #ffffff;
            background-color: #7ca0db;
        }

.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
    background-color: #21cdc1;
}

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
    color: #ffffff;
    background-color: #7ca0db;
}

@media (max-width: 992px) {
    .navbar_rwd {
        display: block;
    }
}

@media (max-width: 991px) {
    header .navbar-toggler, #header .navbar-toggler {
        width: 50px;
        height: 50px;
        background: url(../../images/CREATIDEA_img/icon_rwd.png) no-repeat center center #21cdc1;
        color: #ffffff;
        line-height: 40px;
        border: none;
        padding: 0;
        display: none;
        position: absolute;
        right: 15px;
        top: 1em;
        /*MCI*/
        top: 50%;
        transform: translate(0, -50%);
    }

        header .navbar-toggler:hover, #header .navbar-toggler:hover, header .navbar-toggler:active, #header .navbar-toggler:active {
            background: url(../../images/CREATIDEA_img/icon_rwd.png) no-repeat center center #24a198;
        }
}

/* 主選單 end */

.side_div nav > ul > li h4 {
    font-size: 18px;
}

.side_div nav > ul > li a {
    font-size: 16px;
}

/* banner */
.cmuh_banner_area .mcipcsldr_itemfull {
    background-size: cover;
}
/* banner end */

/* feature */
.cmuh_feature_area {
    margin-top: -8em;
}

    .cmuh_feature_area .container {
        width: 100%;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    .cmuh_feature_area a {
        width: 18%;
        background-color: #ffffff;
        color: #2652ad;
        border-radius: 1.5em;
        line-height: normal;
        text-align: center;
        margin-bottom: 2em;
        /*position: absolute;
  z-index: 10;*/
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        overflow: hidden;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        /*MCI*/
        /* width: auto;
  flex-grow: 1;
  margin-left: 1em;
  margin-right: 1em; */
    }

        .cmuh_feature_area a:hover {
            -webkit-transform: translate(0, -2em);
            -moz-transform: translate(0, -2em);
            -o-transform: translate(0, -2em);
            transform: translate(0, -2em);
        }

@keyframes goUp {
    0% {
        top: 0em;
    }

    100% {
        top: -2em;
    }
}

.cmuh_feature_box {
    padding: 1.5em 0.5em 0.5em 0.5em;
    border-bottom: 1em solid #ffffff;
}

.cmuh_feature_area a:hover .cmuh_feature_box, .cmuh_feature_area a:active .cmuh_feature_box, .cmuh_feature_area a:focus .cmuh_feature_box {
    border-bottom: 1em solid #21cdc1;
}

.cmuh_feature_title {
    height: 3em;
    font-size: 1.4em;
    line-height: 1.3em;
    padding-top: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1400px) {
    .cmuh_feature_area {
        margin-top: -6em;
    }

        .cmuh_feature_area .container {
            max-width: none;
        }

    /* .cmuh_feature_area a {
    width: 17%;
  } */

    .cmuh_feature_title {
        font-size: 1em;
    }
}

@media (max-width: 980px) {
    .cmuh_feature_area .container {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .cmuh_feature_area {
        margin-top: 2em;
    }

        .cmuh_feature_area .container {
            justify-content: center;
        }

        .cmuh_feature_area a {
            width: 28%;
            margin-left: 1em;
            margin-right: 1em;
        }
}

@media (max-width: 680px) {
    .cmuh_feature_area a {
        width: 40%;
    }
}

@media (max-width: 500px) {
    .cmuh_feature_area a {
        width: 100%;
    }

    .cmuh_feature_box {
        padding: 1.5em 1em 1em 1em;
    }

    .cmuh_feature_title {
        font-size: 1.2em;
        line-height: normal;
    }
}






/* feature end */

/* banner */
.picbox5 {
    display: none;
}

@media (max-width: 768px) {
    .picbox1 {
        display: none;
    }

    .picbox5 {
        padding-bottom: 5em;
        display: block;
    }

        .picbox5 .mcipcsldr_dotbtns_box {
            bottom: -3em;
        }
}
/* banner end */

/* link */
.cmuh_share {
    display: flex;
    position: fixed;
    right: 0px;
    top: 30%;
    z-index: 300;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.win_close {
    right: -83px;
}

.cmuh_share_box {
    position: relative;
    display: flex;
}

#cmuh_share_btn {
    font-size: 0;
    display: block;
}

.cmuh_share_link {
    background: rgba(0, 0, 0, 0.8);
}

    .cmuh_share_link a {
        color: #ffffff;
        font-size: 0em;
        text-align: center;
        margin: 10px 10px 10px 10px;
        display: block;
    }

        .cmuh_share_link a:hover {
            font-size: 0.7em;
        }

        .cmuh_share_link a img {
            margin: auto;
            display: block;
        }

@media (max-width: 768px) {
    .cmuh_share {
        display: none;
    }
}
/* link end */

/* digital */
.cmuh_main_top strong {
    color: #0fb9ad;
    font-size: 2em;
    line-height: normal;
    margin: 0em 0em 0.5em 0em;
    display: block;
}

.cmuh_main_title {
    width: 100%;
    margin-bottom: 3em;
    display: flex;
}






















    .cmuh_main_title h3 {
        font-size: 3em;
        line-height: normal;
        padding: 0.2em 0.2em 0em 0.2em;
        margin: 0em 0em 0em 0.3em;
        position: relative;
    }

        .cmuh_main_title h3::after {
            content: "";
            background-color: #fef3b7;
            width: 100%;
            height: 0.5em;
            display: inline-block;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: -10;
        }

    .cmuh_main_title img {
        height: 4.45em;
    }

/* .cmuh_carousel_title .mcipcsldr_itemfull {
  width: 65px;
  height: auto;
  position: relative;
} */

/* .cmuh_carousel_title .mcipcsldr_itemfull img {
  height: auto;
  max-height: none;
  position: relative;
  left: 0;
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
} */

.cmuh_carousel_box .mcipcsldr_pics ul {
    display: flex;
    align-items: center;
}

.cmuh_carousel_project {
    width: 100%;
    padding: 0em 4em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.cmuh_carousel_img {
    width: 40%;
    height: 0;
    padding-bottom: 50%;
    position: relative;
}

    .cmuh_carousel_img .img_list {
        vertical-align: top;
        border-radius: 2em;
        display: inline-block;
        position: absolute;
        overflow: hidden;
    }

        .cmuh_carousel_img .img_list:nth-child(1) {
            width: 80%;
            right: 0px;
        }

        .cmuh_carousel_img .img_list:nth-child(2) {
            width: 70%;
            bottom: 0;
        }

    .cmuh_carousel_img .img_box {
        background-color: #6b88d1;
        position: relative;
    }

    .cmuh_carousel_img .img_list:nth-child(1) .img_box {
        padding-bottom: 110%;
    }

    .cmuh_carousel_img .img_list:nth-child(2) .img_box {
        padding-bottom: 80%;
    }

    .cmuh_carousel_img .img_form {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
    }

/* 功能自動產出的class */
.cmuh_carousel_project .mcipcsldr_itemfull {
    background: none !important;
}

.mcipcsldr_itemfull .cmuh_carousel_project img {
    display: block;
}

.mcipcsldr_pics .cmuh_carousel_project img {
    width: auto;
    height: 100%;
    max-width: none;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    display: block;
}

.mcipcsldr_arwlft a.mcipcsldr_arwbtn {
    background-image: url(../../images/CREATIDEA_img/arw_lft.png);
    top: 0;
}

.mcipcsldr_arwrgt a.mcipcsldr_arwbtn {
    background-image: url(../../images/CREATIDEA_img/arw_rgt.png);
    top: 0;
}

a.mcipcsldr_dotbtn {
    width: 1.2em;
    height: 1.2em;
    background-color: #b7cae9;
    border: 3px solid #b7cae9;
}

.mcipcsldr_dotbtns_pos .locked a {
    background-color: #b7cae9;
    border: 3px solid #2652ad;
}
/* 功能自動產出的class end */

.cmuh_carousel_option {
    width: 57%;
    /*   padding: 0em 1em 0em 2em; */
}

    .cmuh_carousel_option a {
        width: 100%;
        color: #384956;
        font-size: 1.3em;
        font-weight: bolder;
        vertical-align: middle;
        border: 4px solid #8aa1db;
        border-radius: 0.5em;
        margin-bottom: 1em;
        padding: 0.5em 1em 0.5em 1em;
        display: table;
    }

        .cmuh_carousel_option a:hover, .cmuh_carousel_option a:active {
            background-color: #8aa1db;
            color: #ffffff;
        }

        .cmuh_carousel_option a .num {
            width: 2em;
            height: 2em;
            background-color: #acd6d3;
            color: #ffffff;
            font-size: 1.2em;
            text-align: center;
            vertical-align: middle;
            line-height: 2em;
            border-radius: 2em;
            margin-left: -1.7em;
            display: inline-block;
        }

        .cmuh_carousel_option a:nth-child(even) .num {
            background-color: #8aa1db;
        }

        .cmuh_carousel_option a:hover .num {
            background-color: #21cdc1;
        }

        .cmuh_carousel_option a::after {
            content: ">";
            color: #c7c7c7;
        }

        .cmuh_carousel_option a:hover::after {
            color: #ffffff;
        }

.cmuh_carousel_heading {
    width: 95%;
    line-height: normal;
    vertical-align: middle;
    padding: 0em 1em 0em 1em;
    display: inline-block;
}

a.mcipcsldr_arwbtn {
    background-color: rgba(33,205,193,0.7);
}

.mcipcsldr_darwlft a.mcipcsldr_darwbtn {
    width: 1.2em;
    height: 1.2em;
    background: url(../../images/CREATIDEA_img/darw_lft.png) no-repeat center center;
    border-radius: 100%;
    margin: 0;
}

.mcipcsldr_darwrgt a.mcipcsldr_darwbtn {
    width: 1.2em;
    height: 1.2em;
    background: url(../../images/CREATIDEA_img/darw_rgt.png) no-repeat center center;
    border-radius: 100%;
    margin: 0;
}

.mcipcsldr_dotbtns_pos li {
    margin: 0 5px;
    vertical-align: top;
}

.cmuh_carousel_area .mcipcsldr_arwbtns_box {
    top: 40%;
}

@media (max-width: 1600px) {
    .cmuh_carousel_top {
        padding: 0em 1em;
    }

    .cmuh_carousel_area {
        max-width: none;
        padding: 3em 1em 3em 1em;
    }
}

@media (max-width: 1520px) {
    .cmuh_carousel_heading {
        width: 85%;
    }
}

@media (max-width: 1500px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 60% !important;
    }
}

@media (max-width: 1400px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 65% !important;
    }
}

@media (max-width: 1300px) {
    .cmuh_carousel_option a {
        font-size: 1.2em;
    }
}

@media (max-width: 1230px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 70% !important;
    }

    .cmuh_carousel_heading {
        width: 95%;
    }
}

@media (max-width: 1180px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 75% !important;
    }
}

@media (max-width: 1120px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 80% !important;
    }
}

@media (max-width: 1064px) {
    .cmuh_carousel_area .mcipcsldr_pics li {
        display: flex;
    }

    .cmuh_carousel_img {
        display: none;
    }

    .cmuh_carousel_option {
        width: 100%;
        padding: 0em 1em 0em 1em;
    }
}

@media (max-width: 1000px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 85% !important;
    }
}

@media (max-width: 960px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 90% !important;
    }
}

@media (max-width: 900px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 95% !important;
    }
}

@media (max-width: 860px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 100% !important;
    }
}

@media (max-width: 820px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 105% !important;
    }
}

@media (max-width: 780px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 110% !important;
    }
}

@media (max-width: 768px) {
    .cmuh_carousel_title h3 {
        font-size: 2.5em;
    }

    .cmuh_carousel_area .mcipcsldr_dotbtns_box {
        display: none;
    }
}







@media (max-width: 700px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 110% !important;
    }

    .cmuh_carousel_option a {
        font-size: 1em;
    }
}

@media (max-width: 640px) {
    .cmuh_carousel_title h3 {
        font-size: 2em;
    }

    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 115% !important;
    }
}

@media (max-width: 620px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 130% !important;
    }
}

@media (max-width: 580px) {
    .cmuh_carousel_heading {
        padding: 0em 0em 0em 1em;
    }

    .cmuh_carousel_option a::after {
        display: none;
    }
}

@media (max-width: 540px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 150% !important;
    }
}

@media (max-width: 500px) {
    .cmuh_carousel_option a .num {
        display: none;
    }

    .cmuh_carousel_heading {
        padding: 0em 0em 0em 0em;
    }
}

@media (max-width: 450px) {
    .cmuh_carousel_area .mcipcsldr_pics {
        padding-bottom: 300% !important;
    }

    .cmuh_carousel_top strong {
        font-size: 1.5em;
    }

    .cmuh_carousel_title {
        height: 3em;
    }

        .cmuh_carousel_title img {
            width: 3em;
        }

        .cmuh_carousel_title h3 {
            font-size: 2em;
        }
}
/* digital end */

/* smart */
.cmuh_research_area {
    padding: 5em 0em 2em 0em;
}

    .cmuh_research_area.featured {
        background: url(../../images/CREATIDEA_img/bg_featured.png) no-repeat right -18em center #0082bc;
    }

    .cmuh_research_area.smart {
        background: url(../../images/CREATIDEA_img/bg_smart.png) no-repeat right -18em center;
    }

    .cmuh_research_area.regenerative {
        background: url(../../images/CREATIDEA_img/bg_regenerative.png) no-repeat right -18em center #0082bc;
    }

    .cmuh_research_area.precision {
        background: url(../../images/CREATIDEA_img/bg_precision.png) no-repeat right -18em top;
    }

    .cmuh_research_area:nth-child(odd) .cmuh_main_top strong {
        color: #ffffff;
    }

    .cmuh_research_area:nth-child(odd) .cmuh_main_title h3 {
        color: #ffffff;
        z-index: 0;
    }

        .cmuh_research_area:nth-child(odd) .cmuh_main_title h3::after {
            background-color: #72c5e9;
        }

.cmuh_research_list .owl-stage {
    margin: 0px 0px 16px -5px;
    display: flex;
}

.cmuh_research_list .owl-item {
    border-left: 5px solid #384956;
    display: flex;
}

.cmuh_research_area:nth-child(odd) .cmuh_research_list .owl-item {
    border-left: 5px solid #ffffff;
}

.cmuh_research_box {
    padding: 10px 0px 30px 20px;
}

    .cmuh_research_box:first-child .owl-item {
        border: none;
    }

    .cmuh_research_box h4 {
        font-size: 2em;
        margin-bottom: 1em;
    }

.cmuh_research_area:nth-child(odd) .cmuh_research_box h4 {
    color: #ffffff;
}

.cmuh_research_box li {
    margin-bottom: 1.5em;
}

    .cmuh_research_box li a {
        color: #384956;
        font-size: 1.6em;
        line-height: normal;
        text-decoration: underline;
    }

.cmuh_research_area:nth-child(odd) .cmuh_research_box li a {
    color: #ffffff;
}

.cmuh_research_box li a:hover {
    color: #21cdc1;
}

.cmuh_research_area:nth-child(odd) .cmuh_research_box li a:hover {
    color: #21cdc1;
}

.owl-carousel .owl-nav {
    display: flex;
    justify-content: center;
}

    .owl-carousel .owl-nav button {
        width: 1em;
        height: 1em;
        margin: 0em 3em 0em 3em;
        display: block;
    }

        .owl-carousel .owl-nav button.owl-prev {
            background: url(../../images/CREATIDEA_img/darw_lft.png) no-repeat left center/100%;
        }

        .owl-carousel .owl-nav button.owl-next {
            background: url(../../images/CREATIDEA_img/darw_rgt.png) no-repeat left center/100%;
        }

        .owl-carousel .owl-nav button span {
            font-size: 0em;
        }

.owl-carousel .owl-dots {
    margin-top: -1em;
    display: flex;
    justify-content: center;
}

    .owl-carousel .owl-dots button {
        width: 1em;
        height: 1em;
        background-color: #9ceee1;
        border: 3px solid #9ceee1;
        border-radius: 100%;
        margin: 0em 0.3em 0em 0.3em;
    }

.cmuh_research_area:nth-child(odd) .owl-carousel .owl-dots button {
    background-color: #ffffff;
    border: 3px solid #9ceee1;
}

.owl-carousel .owl-dots button.active {
    border-color: #2652ad;
}

.cmuh_research_area:nth-child(odd) .owl-carousel .owl-dots button.active {
    background-color: #2652ad;
    border: 3px solid #9ceee1;
}

@media (max-width:768px) {
    .owl-carousel .owl-nav {
        background-size: cover;
        justify-content: space-between;
    }
}
/* smart end */

/* ESG */
.cmuh_esg_area {
    background: url(../../images/CREATIDEA_img/bg_esg_1.jpg) no-repeat center center;
    background-size: 100%;
    color: #384956;
    padding: 3em 0em 3em 0em;
}

    .cmuh_esg_area strong {
        color: #3266b0;
        font-size: 2.3em;
    }

    .cmuh_esg_area h2 {
        width: 50%;
        font-size: 3em;
        line-height: normal;
        margin: 0.3em 0em 0.5em 0em;
    }

    .cmuh_esg_area p {
        width: 55%;
        font-size: 1.2em;
        font-weight: bolder;
    }

.cmuh_esg_option {
    width: 60%;
}

    .cmuh_esg_option a {
        color: #ffffff;
        font-size: 1.5em;
        font-weight: bolder;
        border-radius: 1em;
        margin: 0em 0.5em 0.5em 0em;
        padding: 0.5em 1.5em;
        display: inline-block;
    }

        .cmuh_esg_option a:nth-child(1) {
            background-color: #36a085;
        }

        .cmuh_esg_option a:nth-child(2) {
            background-color: #3266b0;
        }

        .cmuh_esg_option a:nth-child(3) {
            background-color: #b2a784;
        }

        .cmuh_esg_option a:hover, .cmuh_esg_option a:active {
            background-color: #ffffff;
            color: #21cdc1;
        }

@media (max-width: 1520px) {
    .cmuh_esg_area {
        background-size: cover;
        padding: 3em 3em 3em 3em;
    }
}

@media (max-width: 1430px) {
    .cmuh_esg_area h2 {
        width: 60%;
    }
}

@media (max-width: 1200px) {
    .cmuh_esg_area h2 {
        width: 70%;
    }

    .cmuh_esg_area p {
        width: 70%;
    }
}

@media (max-width: 768px) {
    .cmuh_esg_area {
        padding: 3em 1em 3em 1em;
    }

        .cmuh_esg_area strong {
            font-size: 1.5em;
        }

        .cmuh_esg_area h2 {
            width: 100%;
            font-size: 2em;
        }

        .cmuh_esg_area p {
            width: 100%;
        }

    .cmuh_esg_option {
        width: 100%;
    }

        .cmuh_esg_option a {
            font-size: 1.2em;
            margin: 0em 0em 0.5em 0em;
        }
}

@media (max-width: 500px) {
    .cmuh_esg_area {
        background: url(../../images/CREATIDEA_img/bg_esg_2.jpg) no-repeat center top;
        background-size: cover;
        padding: 20em 1em 3em 1em;
    }

        .cmuh_esg_area h2 {
            font-size: 1.5em;
        }

    .cmuh_esg_option a {
        font-size: 1em;
    }

    .cmuh_esg_area p {
        display: none;
    }
}
/* ESG end */

/* tag */
.cmuh_tag_area {
    /*   background: url(../../images/CREATIDEA_img/bg_tab_1.jpg) no-repeat right bottom; */
    background-size: 100%;
    padding: 6em 0em 6em 0em;
}

.cmuh_tag_rwd {
    padding: 6em 0em 6em 0em;
}

.cmuh_tag_area .mcitab_btnbx {
    background: none;
}

    .cmuh_tag_area .mcitab_btnbx li, .cmuh_tag_rwd .mcitab_btnbx li {
        vertical-align: bottom;
        border-radius: 0.7em;
        margin: 0em 0em 1em 0em;
        display: inline-block;
        overflow: hidden;
    }

        .cmuh_tag_area .mcitab_btnbx li:nth-child(1), .cmuh_tag_rwd .mcitab_btnbx li:nth-child(1) {
            margin: 0em 1em 1em 0em;
            background-color: #3266b0;
        }

        .cmuh_tag_area .mcitab_btnbx li a, .cmuh_tag_rwd .mcitab_btnbx li a {
            color: #384956;
            font-size: 2.5em;
            font-weight: bolder;
            padding: 0.3em 1.5em 0.3em 3em;
            display: inline-block;
        }

        .cmuh_tag_area .mcitab_btnbx li:nth-child(1) a, .cmuh_tag_rwd .mcitab_btnbx li:nth-child(1) a {
            background: url(../../images/CREATIDEA_img/icon_news_1.png) no-repeat 1em center rgba(33,56,89,0);
        }

        .cmuh_tag_area .mcitab_btnbx li:nth-child(2) a, .cmuh_tag_rwd .mcitab_btnbx li:nth-child(2) a {
            background: url(../../images/CREATIDEA_img/icon_awards_1.png) no-repeat 1em center rgba(33,56,89,0);
        }

        .cmuh_tag_area .mcitab_btnbx li.now_view a, .cmuh_tag_rwd .mcitab_btnbx li.now_view a {
            color: #ffffff;
            background-color: #3266b0;
        }

        .cmuh_tag_area .mcitab_btnbx li.now_view:nth-child(1) a, .cmuh_tag_rwd .mcitab_btnbx li.now_view:nth-child(1) a {
            background: url(../../images/CREATIDEA_img/icon_news_2.png) no-repeat 1em center rgba(33,56,89,0);
        }

        .cmuh_tag_area .mcitab_btnbx li.now_view:nth-child(2) a, .cmuh_tag_rwd .mcitab_btnbx li.now_view:nth-child(2) a {
            background: url(../../images/CREATIDEA_img/icon_awards_2.png) no-repeat 1em center rgba(33,56,89,0)
        }

.cmuh_tag_area .mcitab_detail {
    border: none;
}

    .cmuh_tag_area .mcitab_detail ul {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

.cmuh_tag_rwd .mcitab_btnbx {
    background-color: #ffffff;
}

.cmuh_tag_area .mcitab_detail, .cmuh_tag_rwd .mcitab_detail {
    border: none;
    padding: 0;
}

.cmuh_tag_box {
    width: 100%;
    font-weight: bolder;
}

    .cmuh_tag_box:nth-child(1), .cmuh_tag_box:nth-child(2), .cmuh_tag_box:nth-child(3) {
        width: 32%;
    }

.cmuh_tag_img {
    background-color: #3266b0;
    border-radius: 1em;
    margin-bottom: 2em;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}

    .cmuh_tag_img > div {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
    }

    .cmuh_tag_img img {
        max-width: 100%;
        /* height: 100%;
  max-height: 100%; */
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        /* -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%); */
    }

.cmuh_tag_date {
    background: url(../../images/CREATIDEA_img/icon_calendar.png) no-repeat left center;
    color: #3266b0;
    font-size: 1.5em;
    line-height: 2em;
    margin-bottom: 0.5em;
    padding-left: 2em;
}

.cmuh_tag_title a {
    color: #384956;
    font-size: 1.5em;
    margin-bottom: 1em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

    .cmuh_tag_title a:hover, .cmuh_tag_title a:active {
        color: #21cdc1;
    }

.cmuh_tag_box:nth-child(1) .cmuh_tag_title, .cmuh_tag_box:nth-child(2) .cmuh_tag_title, .cmuh_tag_box:nth-child(3) .cmuh_tag_title {
    -webkit-line-clamp: 1;
}

/* .cmuh_tag_box a {
  background-color: #b7cae9;
  color: #3266b0;
  font-size: 1.3em;
  text-align: center;
  border-radius: 1em;
  padding: 0.5em 1em;
  display: inline-block;
}

.cmuh_tag_box a:hover, .cmuh_tag_box a:active {
  color: #ffffff;
  background-color: #5180cd;
} */
.cmuh_tag_area .more {
    margin-top: 1em;
}

    .cmuh_tag_area .more a, .cmuh_tag_rwd .more a {
        background-color: #21cdc1;
        color: #ffffff;
        font-size: 1.3em;
        font-weight: bolder;
        border: 1px solid #21cdc1;
        border-radius: 1em;
        padding: 0.5em 1em;
        display: inline-block;
    }

        .cmuh_tag_area .more a:hover, .cmuh_tag_rwd .more a:hover, .cmuh_tag_area .more a:active, .cmuh_tag_rwd .more a:active {
            background-color: #ffffff;
            color: #21cdc1;
        }

.cmuh_tag_rwd {
    display: none;
}

@media (max-width: 1600px) {
    .cmuh_tag_area {
        background-size: auto;
        padding: 6em 0em 6em 0em;
    }
}

@media (max-width: 1430px) {
    .cmuh_tag_area {
        background: none;
    }
}

@media (max-width: 1024px) {
    .cmuh_tag_area .mcitab_btnbx li a, .cmuh_tag_rwd .mcitab_btnbx li a {
        font-size: 2em;
    }
}

@media (max-width: 1000px) {
    .cmuh_tag_area .container {
        max-width: none;
    }
}

@media (max-width: 768px) {
    .cmuh_tag_area .mcitab_btnbx li a, .cmuh_tag_rwd .mcitab_btnbx li a {
        padding: 0.3em 1em 0.3em 2.5em;
    }

    .cmuh_tag_area .mcitab_btnbx li:nth-child(1) a, .cmuh_tag_rwd .mcitab_btnbx li:nth-child(1) a {
        background: url(../../images/CREATIDEA_img/icon_news_1.png) no-repeat 0.5em center #b7cae9;
    }

    .cmuh_tag_area .mcitab_btnbx li:nth-child(2) a, .cmuh_tag_rwd .mcitab_btnbx li:nth-child(2) a {
        background: url(../../images/CREATIDEA_img/icon_awards_1.png) no-repeat 0.5em center #b7cae9;
    }

    .cmuh_tag_area .mcitab_btnbx li.now_view:nth-child(1) a, .cmuh_tag_rwd .mcitab_btnbx li.now_view:nth-child(1) a {
        background: url(../../images/CREATIDEA_img/icon_news_2.png) no-repeat 0.5em center #3266b0;
    }

    .cmuh_tag_area .mcitab_btnbx li.now_view:nth-child(2) a, .cmuh_tag_rwd .mcitab_btnbx li.now_view:nth-child(2) a {
        background: url(../../images/CREATIDEA_img/icon_awards_2.png) no-repeat 0.5em center #3266b0;
    }

    .cmuh_tag_box:nth-child(1), .cmuh_tag_box:nth-child(2), .cmuh_tag_box {
        width: 100%;
    }

    .cmuh_tag_area {
        display: none;
    }

        .cmuh_tag_area .mcipcsldr_pics, .cmuh_tag_rwd .mcipcsldr_pics {
            padding-bottom: 120% !important;
        }

        .cmuh_tag_area .mcipcsldr_itemfull, .cmuh_tag_rwd .mcipcsldr_itemfull {
            background-size: cover;
        }

    .cmuh_tag_rwd {
        /*     padding: 6em 0em 20em 0em; */
        display: block;
    }
}

@media (min-width: 768px) {
    .cmuh_tag_rwd .container {
        max-width: none;
    }
}

@media (max-width: 700px) {
    .cmuh_tag_area .mcipcsldr_pics, .cmuh_tag_rwd .mcipcsldr_pics {
        padding-bottom: 130% !important;
    }
}

@media (max-width: 700px) {
    .cmuh_tag_area .mcipcsldr_pics, .cmuh_tag_rwd .mcipcsldr_pics {
        padding-bottom: 180% !important;
    }
}

@media (max-width: 576px) {
    .cmuh_tag_area .mcitab_btnbx li a, .cmuh_tag_rwd .mcitab_btnbx li a {
        font-size: 1.5em;
    }

    .cmuh_tag_area .mcitab_btnbx li.now_view:nth-child(1) a, .cmuh_tag_rwd .mcitab_btnbx li.now_view:nth-child(1) a {
        background-size: 15%;
    }

    .cmuh_tag_area .mcitab_btnbx li:nth-child(2) a, .cmuh_tag_rwd .mcitab_btnbx li:nth-child(2) a {
        background-size: 20%;
    }

    .cmuh_tag_area .mcitab_btnbx li:nth-child(1) a, .cmuh_tag_rwd .mcitab_btnbx li:nth-child(1) a {
        background-size: 15%;
    }

    .cmuh_tag_area .mcitab_btnbx li.now_view:nth-child(2) a, .cmuh_tag_rwd .mcitab_btnbx li.now_view:nth-child(2) a {
        background-size: 20%;
    }
}

@media (min-width: 576px) {
    .cmuh_tag_rwd .container {
        max-width: none;
    }
}
/* tag end */

/* international */
.cmuh_int_area {
    background: url(../../images/CREATIDEA_img/bg_tab_1.jpg) no-repeat right bottom;
    background-size: 100%;
    padding: 6em 0em 35em 0em;
}

    .cmuh_int_area .cmuh_main_title {
        margin: 0em 0em 4em 0em;
        justify-content: center;
    }

.cmuh_int_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.cmuh_int_box {
    /*   width: calc(100%/4 - 4em); */
    text-align: center;
    margin: 0em 1em 2em 1em;
    display: flex;
}

    .cmuh_int_box a {
        width: 19em;
        height: 20em;
        background-color: #3266b0;
        color: #ffffff;
        border-radius: 1em;
        padding: 2em 1.5em 2em 1.5em;
        display: block;
    }

        .cmuh_int_box a:hover, .cmuh_int_box a:active {
            background-color: #3aa0e1;
        }

        .cmuh_int_box a::before {
            content: "";
            width: 6em;
            height: 6em;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            margin: auto;
            display: block;
        }

    .cmuh_int_box:nth-child(1) a::before {
        background-image: url(../../images/CREATIDEA_img/icon_int_1.png);
    }

    .cmuh_int_box:nth-child(2) a::before {
        background-image: url(../../images/CREATIDEA_img/icon_int_2.png);
    }

    .cmuh_int_box:nth-child(3) a::before {
        background-image: url(../../images/CREATIDEA_img/icon_int_3.png);
    }

    .cmuh_int_box:nth-child(4) a::before {
        background-image: url(../../images/CREATIDEA_img/icon_int_4.png);
    }

    .cmuh_int_box a h4 {
        color: #ffffff;
        font-size: 2em;
        margin: 0;
    }

    .cmuh_int_box a hr {
        border: 3px solid #ffffff;
    }

    .cmuh_int_box a span {
        font-size: 1.5em;
        font-weight: bolder;
    }

@media (max-width: 768px) {
    .cmuh_int_area .container {
        max-width: none;
    }
}

@media (max-width: 500px) {
    .cmuh_main_title h3 {
        font-size: 2.5em;
        line-height: 1em;
        letter-spacing: 0em !important;
        padding: 0em 0.2em 0em 0.2em;
    }
}
/* international end */

/*media*/
.cmuh_media_out {
    background: url(../../images/CREATIDEA_img/bg_tab_1.jpg) no-repeat right bottom;
    background-size: 100%;
    padding: 6em 0em 35em 0em;
}

.cmuh_media_area {
    height: 0;
    background: url(../../images/CREATIDEA_img/bg_media.png) no-repeat left top;
    background-size: 100%;
    margin-top: -15em;
    padding-bottom: 55%;
}

.cmuh_media_block {
    padding-top: 10em;
}

    .cmuh_media_block span {
        color: #ffffff;
        font-size: 2em;
    }

    .cmuh_media_block h2 {
        color: #ffffff;
        font-size: 3.5em;
        line-height: normal;
    }

    .cmuh_media_block a {
        background: url(../../images/CREATIDEA_img/icon_arrow.png) no-repeat 1em center #fef3b7;
        color: #3266b0;
        font-size: 1.5em;
        font-weight: bolder;
        border-radius: 1em;
        padding: 0.5em 1em 0.5em 2.5em;
        display: inline-block;
    }

        .cmuh_media_block a:hover, .cmuh_media_block a:active {
            background: url(../../images/CREATIDEA_img/icon_arrow.png) no-repeat 1em center #ffffff;
        }

@media (max-width: 1600px) {
    .cmuh_media_out {
        background-size: auto;
        padding: 6em 0em 20em 0em;
    }

    .cmuh_media_area {
        padding-left: 1em;
    }
}

@media (max-width: 1430px) {
    .cmuh_media_out {
        background: none;
        padding: 0;
    }

    .cmuh_media_area {
        background: url(../../images/CREATIDEA_img/bg_media.png) no-repeat left top #e7f8f8;
        margin-top: 0em;
    }
}

@media (max-width: 1400px) {
    .cmuh_media_block {
        padding-top: 5em;
    }

        .cmuh_media_block span {
            font-size: 1.5em;
        }

        .cmuh_media_block h2 {
            font-size: 3em;
        }
}

@media (max-width: 1200px) {
    .cmuh_media_area {
        background-size: cover;
        padding-bottom: 90%;
    }
}

@media (max-width: 768px) {
    .cmuh_media_area {
        padding-bottom: 125%;
        /*MCI*/
        overflow: hidden;
    }
}

@media (max-width: 575px) {
    .cmuh_media_block {
        padding-top: 2em;
    }

        .cmuh_media_block span {
            font-size: 1em;
        }

        .cmuh_media_block h2 {
            font-size: 2.5em;
        }

        .cmuh_media_block a {
            font-size: 1em;
        }
}
/*media end*/

/* 內頁次選單 */
.cmuh_page {
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 347px;
    display: flex;
    align-items: flex-end;
}

.cmuh_page_title {
    padding: 0em 0em 2em 0em;
}

.cmuh_page span {
    color: #c6fcf9;
    font-size: 2em;
}

.cmuh_page h2 {
    color: #fef3b7;
    font-size: 3.7em;
    margin: 0;
}

.list {
    background: url(../../images/CREATIDEA_img/bg_list.jpg) no-repeat center top;
}

.cmuh_breadcrumb {
    font-size: 1.3em;
    margin-bottom: 3em;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

    .cmuh_breadcrumb span {
        padding: 0em 0.5em;
    }

    .cmuh_breadcrumb a {
        color: #777777;
    }

        .cmuh_breadcrumb a:hover, .cmuh_breadcrumb a:active {
            color: #2652ad;
        }

    .cmuh_breadcrumb > div:nth-child(2) a {
        pointer-events: none;
    }

@media (max-width: 768px) {
    .cmuh_breadcrumb {
        font-size: 1em;
        justify-content: flex-start;
    }
}

.cmuh_content_in {
    padding-bottom: 5em;
    display: flex;
    justify-content: space-between;
}

.cmuh_content_left {
    width: 25%;
    margin-right: 3em;
}

    .cmuh_content_left h3 {
        background-color: #7ca0db;
        color: #ffffff;
        margin: 0;
        padding: 0.5em 1em;
    }

    .cmuh_content_left li:nth-child(odd) {
        background-color: #eeeeee;
    }

    .cmuh_content_left li a {
        color: #777777;
        font-size: 1.5em;
        font-weight: bolder;
        padding: 0.5em 1em 0.5em 1.5em;
        display: block;
        text-indent: -0.9em;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        .cmuh_content_left ul li.active a, .cmuh_content_left li a:hover, .cmuh_content_left li a:active {
            color: #2652ad;
        }

.cmuh_content_right {
    width: 75%;
}

    .cmuh_content_right .date {
        background: url(../../images/CREATIDEA_img/icon_calendar_b.png) no-repeat left center;
        color: #777777;
        font-size: 1.2em;
        padding: 0.5em 0em 0.5em 2em;
        -moz-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }

    .cmuh_content_right h2 {
        color: #21cdc1;
        font-size: 2.3em;
        margin: 0em 0em 0.5em 0em;
        padding-bottom: 0.3em;
        border-bottom: 5px solid #7ca0db;
    }

.cmuh_content_list li a {
    background: url(../../images/CREATIDEA_img/icon_medicine02.png) no-repeat left center;
    color: #384956;
    font-size: 1.7em;
    font-weight: bolder;
    border-bottom: 5px solid #dddddd;
    padding: 1em 1em 1em 2em;
    display: block;
}

.cmuh_content_list li:hover a {
    background: url(../../images/CREATIDEA_img/icon_medicine01.png) no-repeat left center;
}

.cmuh_content_list li a:hover {
    color: #5180cd;
}

@media (max-width: 1200px) {
    .cmuh_content_area.container {
        max-width: none !important;
    }
}

@media (max-width: 1024px) {
    .banner-section {
        min-height: 593px;
    }
}

@media (max-width: 1000px) {
    .cmuh_breadcrumb {
        margin-top: 1em;
    }
}

@media (max-width: 992px) {
    .cmuh_content_left {
        display: none;
    }

    .cmuh_content_right {
        width: 100%;
    }
}

/* @media (max-width: 768px) {
  .banner-section {
    min-height: 507px;
  }
}

@media (max-width: 640px) {
  .banner-section {
    min-height: 438px;
  }
}

@media (max-width: 480px) {
  .banner-section {
    min-height: 320px;
  }
} */
/* 內頁次選單 end */

/* 內頁新聞 */
.news {
    background: url(../../images/CREATIDEA_img/bg_news.jpg) no-repeat center top;
}

.cmuh_function_area {
    margin-bottom: 1.3em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .cmuh_function_area form {
        display: flex;
    }

    .cmuh_function_area .stepOne, .cmuh_function_area .stepTwo {
        margin: 0em 1em 1.3em 0em;
    }

    .cmuh_function_area .stepThree {
        border-radius: 0.2em;
        margin-bottom: 1.3em;
        position: relative;
        overflow: hidden;
    }

    .cmuh_function_area label {
        display: none;
    }

    .cmuh_function_area select, .cmuh_function_area input, .cmuh_function_area button {
        height: 2.5em;
    }

    .cmuh_function_area select, .cmuh_function_area input {
        min-width: 20em;
        border: 1px solid #777777;
        border-radius: 0.2em;
        padding: 0.5em;
    }

    .cmuh_function_area button {
        width: 40px;
        height: 40px;
        background: url(../../images/CREATIDEA_img/icon_search.png) no-repeat center center #047c8c;
        font-size: 0;
        border: 0;
        position: absolute;
        right: 1em;
    }

        .cmuh_function_area button:hover, .cmuh_function_area button:active {
            background: url(../../images/CREATIDEA_img/icon_search.png) no-repeat center center #21cdc1;
        }

.cmuh_condition {
    background-color: #eeeeee;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 1.3em;
    padding: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .cmuh_condition strong {
        font-size: 1.2em;
    }

    .cmuh_condition span {
        color: #2652ad;
    }

.cmuh_timesort label {
    display: none;
}

.cmuh_timesort select {
    height: 2.5em;
    border: 1px solid #777777;
    border-radius: 0.2em;
    padding: 0.5em;
}

.cmuh_news_list:nth-child(odd) a {
    background-color: #eeeeee;
}

.cmuh_news_list a {
    color: #777777;
    border-bottom: 1px solid #dddddd;
    padding: 1em;
    display: flex;
    justify-content: space-between;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

    .cmuh_news_list a:hover, .cmuh_news_list a:active {
        background-color: #e0f6f6;
    }

.cmuh_news_img {
    width: 35%;
    padding-right: 1em;
}

    .cmuh_news_img > div {
        border: 1px solid #777777;
        border-radius: 0.5em;
        padding: 0.5em;
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }

        /* .cmuh_news_list a:hover .cmuh_news_img > div, .cmuh_news_list a:active .cmuh_news_img > div {
  border: 1px solid #ffffff;
} */

        .cmuh_news_img > div > div {
            padding-bottom: 65%;
            position: relative;
        }

            .cmuh_news_img > div > div > div {
                width: 100%;
                height: 100%;
                position: absolute;
                overflow: hidden;
            }

    .cmuh_news_img img {
        height: 100%;
        max-height: 100%;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        right: 0;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }

.cmuh_news_article {
    width: 65%;
    padding-left: 1em;
}

    .cmuh_news_article h3 {
        color: #2652ad;
    }

    /* .cmuh_news_article .date {
  background: url(../../images/CREATIDEA_img/icon_calendar_b.png) no-repeat left center;
  font-size: 1.2em;
  padding: 0.5em 0em 0.5em 2em;
} */

    /* .cmuh_news_list a:hover .cmuh_news_article .date, .cmuh_news_list a:active .cmuh_news_article .date {
  background: url(../../images/CREATIDEA_img/icon_calendar_w.png) no-repeat left center;
  color: #ffffff;
} */

    .cmuh_news_article .wording {
        max-height: 5.4rem;
        font-size: 1.2em;
        overflow: hidden;
    }

.cmuh_pagination {
    margin-top: 2em;
}

    .cmuh_pagination ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .cmuh_pagination li.lock a {
        color: #aaaaaa;
        pointer-events: none;
    }

    .cmuh_pagination li a {
        min-width: 2em;
        min-height: 2em;
        color: #24a198;
        font-size: 1.2em;
        text-align: center;
        line-height: normal;
        margin-left: -1px;
        border: 1px solid #dddddd;
        padding: 0.5em;
        display: block;
    }

        .cmuh_pagination li a:hover, .cmuh_pagination li a:active, .cmuh_pagination li.active a {
            background-color: #047c8c;
            color: #ffffff;
            border-color: #047c8c;
        }

@media (max-width: 992px) {
    .cmuh_function_area {
        justify-content: center;
    }

        .cmuh_function_area .stepOne, .cmuh_function_area .stepTwo {
            margin: 0em 0.5em 1.4em 0.5em;
        }

    .cmuh_content_right {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .cmuh_news_article h3 {
        font-size: 1.5em;
    }

    .cmuh_function_area form {
        flex-wrap: wrap;
        justify-content: center;
    }

    .cmuh_news_article .wording {
        display: none;
    }
}

@media (max-width: 480px) {
    .cmuh_news_img {
        display: none;
    }

    .cmuh_news_article {
        width: 100%;
        padding-left: 0em;
    }
}
/* 內頁新聞 end */

/* 內頁新聞內容 */
.cmuh_news_row p {
    font-size: 1.5em;
}

.cmuh_news_wording {
    padding: 1em 0em 1.5em 0em;
}

    .cmuh_news_wording p img {
        /*圖片不做任何修改*/
        /*max-width: 100%;
        width: auto !important;
        height: auto !important;
        margin: 0 auto;
        display: block;*/
    }

.cmuh_btn_back {
    text-align: center;
    border-top: 5px solid #7ca0db;
    padding: 3em 0em 2em 0em;
}

    .cmuh_btn_back a {
        background-color: #24a198;
        color: #ffffff;
        font-size: 1.3em;
        font-weight: bolder;
        border-radius: 0.2em;
        padding: 0.3em 1em 0.3em 1em;
        display: inline-block;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        .cmuh_btn_back a:hover, .cmuh_btn_back a:active {
            background-color: #21cdc1;
            color: #2652ad;
        }

.cmuh_related {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .cmuh_related a {
        width: 32%;
        color: #333333;
        font-size: 1.3em;
        margin-bottom: 1em;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        .cmuh_related a:hover, .cmuh_related a:active {
            color: #24a198;
        }

        .cmuh_related a > div {
            border: 1px solid #777777;
            border-radius: 0.5em;
            margin-bottom: 0.5em;
            padding: 0.5em;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

        .cmuh_related a:hover > div, .cmuh_related a:active > div {
            background-color: #24a198;
            border: 1px solid #24a198;
            border-radius: 0.5em;
        }

        .cmuh_related a > div > div {
            padding-bottom: 65%;
            position: relative;
        }

            .cmuh_related a > div > div > div {
                width: 100%;
                height: 100%;
                position: absolute;
                overflow: hidden;
            }

        .cmuh_related a img {
            height: 100%;
            max-height: 100%;
            margin: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            right: 0;
            -webkit-transform: translate(-50%, 0%);
            -moz-transform: translate(-50%, 0%);
            -o-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
        }

        .cmuh_related a span {
            padding: 0em 0.5em 0em 0.5em;
            display: block;
        }

@media (max-width: 640px) {
    .cmuh_related a {
        width: 100%;
    }
}
/* 內頁新聞內容 end */

/* 內頁部門 */
.department {
    background: url(../../images/CREATIDEA_img/bg_department.jpg) no-repeat center top;
}


.cmuh_left_menu {
    position: relative;
}

.cmuh_left_wrap {
    background-color: #7ca0db;
    color: #ffffff;
    font-weight: bolder;
    padding: 0.5em 1em;
    display: flex;
    align-items: center;
}

    .cmuh_left_wrap .navbar-toggler {
        width: 40px;
        height: 40px;
        background: url(../../images/CREATIDEA_img/icon_rwd.png) no-repeat center center;
        border: 1px solid #ffffff;
        margin: 0;
        padding: 0;
    }

    .cmuh_left_wrap .navbar-brand {
        margin-right: 0;
        margin-left: 0.5em;
    }

.cmuh_left_menu .navbar {
    width: 100%;
    background-color: #ffffff;
    position: absolute;
    z-index: 10;
}

.cmuh_left_menu li {
    border-bottom: 2px solid #777777;
}

.cmuh_left_menu a {
    color: #777777;
    font-size: 1.2em;
    font-weight: bolder;
}

    .cmuh_left_menu a:hover, .cmuh_left_menu a:active {
        color: #2652ad;
    }


.cmuh_news_picbox .picbox6 {
    padding-bottom: 5em;
}

.cmuh_news_picbox .mcipcsldr_dotbtns_box {
    bottom: -2em;
}

.cmuh_news_introduction .title {
    margin-bottom: 2.5em;
}

    .cmuh_news_introduction .title h3 {
        background: url(../../images/CREATIDEA_img/icon_introduction.png) no-repeat left center;
        color: #7ca0db;
        margin-bottom: 1em;
        padding-left: 1.5em;
    }

    .cmuh_news_introduction .title strong {
        background: url(../../images/CREATIDEA_img/bg_title.png) center center #21cdc1;
        color: #ffffff;
        font-size: 1.5em;
        border-radius: 0.5em;
        padding: 0.5em 1em;
        display: inline-block;
    }

.cmuh_news_introduction p img {
    max-width: 100%;
    /*width: auto !important;
  height: auto !important;
  margin: 0 auto;
  display: block;*/
    /*20250303有問題註解*/
}
/* 內頁部門 end */

/* doctor list */
.doctor {
    background: url(../../images/CREATIDEA_img/bg_doctor.jpg) no-repeat center top;
}

.cmuh_department_list {
    margin-bottom: 1em;
}

    .cmuh_department_list .title h3 {
        color: #2652ad;
        margin-bottom: 0.5em;
    }

    .cmuh_department_list .list_sub {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .cmuh_department_list .sub {
        width: 49%;
        border: 2px solid #7ca0db;
        border-radius: 0.3em;
        margin-bottom: 1em;
        display: flex;
        align-items: center;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        .cmuh_department_list .sub a {
            width: 100%;
            color: #333333;
            font-size: 1.5em;
            font-weight: bolder;
            line-height: normal;
            padding: 0.5em 1em;
            display: flex;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

        .cmuh_department_list .sub:hover {
            background-color: #dfebfe;
            border: 2px solid #dfebfe;
        }

            .cmuh_department_list .sub:hover a {
                color: #2652ad;
            }

        .cmuh_department_list .sub a:hover, .cmuh_department_list .sub a:active {
            color: #2652ad;
        }

.cmuh_doctor_box {
    padding: 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cmuh_doctor_img {
    width: 25%;
    padding-right: 1em;
}

    .cmuh_doctor_img .scope_1 {
        border: 1px solid #dddddd;
        border-radius: 0.5em;
        padding: 0.5em;
    }

    .cmuh_doctor_img .scope_2 {
        padding-bottom: 125%;
        position: relative;
    }

    .cmuh_doctor_img .scope_3 {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
    }

    .cmuh_doctor_img img {
        height: 100%;
        max-height: 100%;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        right: 0;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }

.cmuh_doctor_article {
    width: 75%;
    border: 1px solid #dddddd;
    border-radius: 0.5em;
    padding: 2em;
}

    .cmuh_doctor_article h3 {
        color: #21cdc1;
    }

        .cmuh_doctor_article h3 a {
            background: url(../../images/CREATIDEA_img/icon_doctor.png) no-repeat right 0.5em center;
            color: #21cdc1;
            padding-right: 1.8em;
            display: inline-block;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

            .cmuh_doctor_article h3 a:hover {
                background: url(../../images/CREATIDEA_img/icon_doctor.png) no-repeat right center;
            }

    .cmuh_doctor_article .title {
        background: none;
        color: #5180cd;
        font-size: 1.5em;
        font-weight: bolder;
        margin-bottom: 0em;
    }

    .cmuh_doctor_article .wording {
        max-height: 5rem;
        color: #333333;
        font-size: 1.5em;
        margin-bottom: 0.5em;
        overflow: hidden;
    }

    .cmuh_doctor_article .keyword {
        background-color: #eeeeee;
        border-radius: 0.5em;
        margin-bottom: 1em;
        padding: 0.5em;
    }

        .cmuh_doctor_article .keyword a {
            background-color: #eeeeee;
            color: #777777;
            border-radius: 0.5em;
            padding: 0.5em;
            display: inline-block;
        }

            .cmuh_doctor_article .keyword a:hover, .cmuh_doctor_article .keyword a:active {
                background-color: #5180cd;
                color: #ffffff;
            }

.cmuh_doctor_link {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

    .cmuh_doctor_link a {
        background-color: #333333;
        color: #ffffff;
        font-weight: bolder;
        border-radius: 0.5em;
        margin-left: 0.5em;
        padding: 0.5em;
        display: inline-block;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        .cmuh_doctor_link a:hover, .cmuh_doctor_link a:active {
            background-color: #21cdc1 !important;
            color: #2652ad !important;
        }

        .cmuh_doctor_link a.detail {
            background-color: #ff6600;
        }

        .cmuh_doctor_link a.first {
            background-color: #047c8c;
        }

        .cmuh_doctor_link a.follow {
            background-color: #3f8acd;
        }

        .cmuh_doctor_link a.interview {
            background-color: #8053ca;
        }

@media (max-width: 768px) {
    .cmuh_doctor_img {
        width: 35%;
    }

    .cmuh_doctor_article {
        width: 65%;
        padding: 1em;
    }

        .cmuh_doctor_article .wording {
            font-size: 1.2em;
        }

    .cmuh_doctor_link {
        justify-content: center;
    }

        .cmuh_doctor_link a {
            margin: 0em 0.5em 0.5em 0.5em;
        }
}

@media (max-width: 640px) {
    .cmuh_doctor_img {
        width: 100%;
        margin-bottom: 0.5em;
        padding-right: 0em;
    }

    .cmuh_doctor_article {
        width: 100%;
    }
}

@media (max-width: 540px) {
    .cmuh_department_list .sub {
        width: 100%;
    }

        .cmuh_department_list .sub a {
            font-size: 1.2em;
        }
}

@media (max-width: 480px) {
    .cmuh_doctor_box {
        padding: 1em 0em 1em 0em;
    }
}
/* doctor list end */

/* doctor introduction */
.cmuh_introduction_row .cmuh_doctor_img {
    padding-right: 0em;
}

.cmuh_introduction_row .cmuh_doctor_rq {
    text-align: center;
    border: none;
    margin: 1em 0em 1em 0em;
}

.cmuh_introduction_row .mcilghtbx_hidden {
    border: none;
}

.cmuh_introduction_row .cmuh_doctor_rq a {
    background-color: #047c8c;
    color: #ffffff;
    font-weight: bolder;
    border-radius: 0.5em;
    padding: 0.5em;
    display: inline-block;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.cmuh_doctor_rq a:hover, .cmuh_doctor_rq a:active {
    background-color: #21cdc1;
    color: #2652ad;
}

.cmuh_introduction_row #hidden_content {
    padding: 2em 1em 1em 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .cmuh_introduction_row #hidden_content strong {
        width: 100%;
        color: #ffffff;
        font-size: 2em;
        font-weight: bolder;
        text-align: center;
    }

    .cmuh_introduction_row #hidden_content p {
        width: 100%;
        color: #ffffff;
        font-size: 1.5em;
        font-weight: bolder;
        text-align: center;
    }

/*.cmuh_introduction_row */ a#mcilghtbx_xbtn {
    background: url(../../images/CREATIDEA_img/xbtn.png) center center no-repeat #7ca0db;
}

    /*.cmuh_introduction_row */ a#mcilghtbx_xbtn:hover, /* .cmuh_introduction_row */ a#mcilghtbx_xbtn:active {
        background: url(../../images/CREATIDEA_img/xbtn.png) center center no-repeat #2652ad;
    }

.cmuh_introduction_row .cmuh_doctor_article {
    border: none;
    padding: 0em 0em 0em 3em;
}

.cmuh_introduction_row .keyword {
    background-color: #ffffff;
    margin-bottom: 0.5em;
    padding: 0em;
}

    .cmuh_introduction_row .keyword span {
        background-color: #7ca0db;
        color: #ffffff;
        border-radius: 0.5em;
        margin: 0.5em 0.5em 0.5em 0em;
        padding: 0.5em;
        display: inline-block;
    }

.cmuh_introduction_row .cmuh_doctor_article .wording {
    max-height: none;
}

.cmuh_introduction_wording {
    border-top: 1px solid #dddddd;
    padding: 1.5em 0em 1.5em 0em;
}

    .cmuh_introduction_wording .title {
        background: url(../../images/CREATIDEA_img/icon_introduction.png) no-repeat left center;
        color: #5180cd;
        font-size: 1.5em;
        font-weight: bolder;
        padding-left: 1.5em;
    }

    /*20250304英文沒有 補上*/
    .cmuh_introduction_wording .link {
        display: flex;
        flex-wrap: wrap;
    }

    .cmuh_introduction_wording ul li {
        font-size: 1.5em;
        list-style: disc;
        margin-left: 1em;
    }

    .cmuh_introduction_wording p {
        font-size: 1.5em;
    }

@media (max-width: 640px) {
    .cmuh_introduction_row .cmuh_doctor_box {
        padding: 0em;
    }

    .cmuh_introduction_row .cmuh_doctor_article {
        padding: 0em 0em 0em 0em;
    }
}

@media (max-width: 500px) {
    .cmuh_introduction_row #mcilghtbx_cnt_in {
        padding-bottom: 100% !important;
    }
}
/* doctor introduction end */

/*mezzanine*/
.cmuh_mezzanine_info {
    display: flex;
}

.cmuh_mezzanine_box {
    width: 50%;
    text-align: center;
}

    .cmuh_mezzanine_box:nth-child(1) {
        background: url(../../images/CREATIDEA_img/bg_doctor.png) no-repeat 15em bottom #e2f8ff;
        padding: 4em 2em 3em 25em;
    }

    .cmuh_mezzanine_box:nth-child(2) {
        background: url(../../images/CREATIDEA_img/bg_map.png) no-repeat 4em bottom #fef5c4;
        padding: 4em 2em 3em 6em;
    }

    .cmuh_mezzanine_box strong {
        width: 100%;
        color: #000000;
        font-size: 1.5em;
        display: block;
    }

    .cmuh_mezzanine_box span {
        color: #3266b0;
        font-size: 1.2em;
        font-weight: bolder;
        display: block;
    }

.cmuh_mezzanine_option {
    margin-top: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cmuh_mezzanine_option .cmuh_mezzanine_pack {
        margin: 0em 1em;
    }

.cmuh_mezzanine_box:nth-child(1) a {
    font-size: 0;
    display: inline-block;
}

.cmuh_mezzanine_box:nth-child(2) a {
    background: url(../../images/CREATIDEA_img/icon_download.png) no-repeat 1em center #3266b0;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bolder;
    border-radius: 1em;
    padding: 0.5em 1em 0.5em 2.5em;
    display: inline-block;
}

    .cmuh_mezzanine_box:nth-child(2) a:hover, .cmuh_mezzanine_box:nth-child(2) a:active {
        background: url(../../images/CREATIDEA_img/icon_download.png) no-repeat 1em center #294c7d;
    }

@media (max-width: 1700px) {
    .cmuh_mezzanine_box:nth-child(1) {
        background: url(../../images/CREATIDEA_img/bg_doctor.png) no-repeat 5em bottom #e2f8ff;
        padding: 4em 2em 3em 15em;
    }

    .cmuh_mezzanine_box:nth-child(2) {
        background: url(../../images/CREATIDEA_img/bg_map.png) no-repeat 4em bottom #fef5c4;
        padding: 4em 2em 3em 15em;
    }
}

@media (max-width: 1400px) {
    .cmuh_mezzanine_box:nth-child(1) {
        background: url(../../images/CREATIDEA_img/bg_doctor.png) no-repeat 5em bottom #e2f8ff;
        background-size: 25%;
        padding: 2em 2em 1em 15em;
    }

    .cmuh_mezzanine_box:nth-child(2) {
        background: url(../../images/CREATIDEA_img/bg_map.png) no-repeat 4em bottom #fef5c4;
        background-size: 30%;
        padding: 2em 2em 1em 15em;
    }

    .cmuh_mezzanine_option {
        margin-top: 0.5em;
    }

    .cmuh_mezzanine_box:nth-child(2) a {
        font-size: 1.3em;
        padding: 0.3em 1em 0.3em 2.5em;
    }
}

@media (max-width: 1200px) {
    .cmuh_mezzanine_info {
        flex-wrap: wrap;
    }

    .cmuh_mezzanine_box {
        width: 100%;
    }

        .cmuh_mezzanine_box:nth-child(1) {
            background-size: contain;
            background-position: left 5em top 1em;
        }

        .cmuh_mezzanine_box:nth-child(2) {
            background-size: contain;
            background-position: left 5em top 1em;
            padding: 1.5em 2em 1.5em 15em;
        }
}

@media (max-width: 768px) {
    .cmuh_mezzanine_box:nth-child(1) {
        background-position: left 2em top 1em;
    }

    .cmuh_mezzanine_box:nth-child(2) {
        background-position: left 2em top 1em;
    }
}

@media (max-width: 598px) {
    .cmuh_mezzanine_box:nth-child(1) {
        background-position: left 2em top 1em;
        padding: 1.5em 2em 1.5em 10em;
    }

    .cmuh_mezzanine_box:nth-child(2) {
        background-position: left 2em top 1em;
        padding: 1.5em 2em 1.5em 13em;
    }

    .cmuh_mezzanine_box strong {
        font-size: 1.3em;
    }
}

@media (max-width: 530px) {
    .cmuh_mezzanine_box:nth-child(1) {
        background-position: left 1em top 1em;
    }

    .cmuh_mezzanine_box:nth-child(2) {
        background-position: left 1em top 1em;
    }
}

@media (max-width: 500px) {
    .cmuh_mezzanine_option {
        height: 3.5em;
        position: relative;
    }

    .cmuh_mezzanine_box {
        background-size: contain;
    }

    .cmuh_mezzanine_pack a img {
        width: 70%;
    }
}

@media (max-width: 450px) {
    .cmuh_mezzanine_box:nth-child(1) {
        background-image: none;
        padding: 1.5em;
    }

    .cmuh_mezzanine_box:nth-child(2) {
        background-image: none;
        padding: 1.5em;
    }
}
/*mezzanine end*/

#gotoTop {
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: rgba(33,205,193,0.7);
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #ffffff;
    top: auto;
    left: auto;
    right: 25px;
    bottom: -40px;
    cursor: pointer;
    border-radius: 2px;
    display: block;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    #gotoTop.show {
        bottom: 40px;
    }

    #gotoTop:hover, #gotoTop:focus {
        background-color: rgba(36,161,152,0.7);
    }

/* footer */
footer, #footer {
    background-color: #ffffff;
    border: none;
    position: relative;
}

#Accesskey_Z {
    position: absolute;
    top: 1em;
    left: 0.5em;
    z-index: 200;
}

.fluid-width-video-wrapper {
    padding-top: 30% !important;
}

.cmuh_footer {
    display: flex;
    flex-wrap: wrap;
    padding: 3em 1em 3em 1em;
}

.cmuh_map {
    width: 100%;
    position: relative;
    padding-bottom: 25%;
    overflow: hidden;
}

    .cmuh_map iframe {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
    }

@media (max-width: 768px) {
    .cmuh_map {
        padding-bottom: 40%;
    }
}

.cmuh_footer_rwd {
    margin-top: 3em;
    display: none;
}

    .cmuh_footer_rwd h3 {
        border-bottom: 2px solid #3266b0;
        margin: 0em 0em 0em 0em;
        display: flex;
        align-items: center;
    }

    .cmuh_footer_rwd .panel-body ul {
        padding: 0em 0em 0em 1.5em;
    }

    .cmuh_footer_rwd .panel-heading a {
        width: 100%;
        color: #3266b0;
        font-size: 0.8em;
        padding: 1em 0em 1em 0em;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .cmuh_footer_rwd .panel-heading a:hover, .cmuh_footer_rwd .panel-heading a:active {
            color: #5180cd;
        }

        .cmuh_footer_rwd .panel-heading a::after {
            content: "+";
            width: 1.5rem;
            height: 1.5rem;
            font-size: 1.5em;
            line-height: 0.7em;
            text-align: center;
            -webkit-transition: transform .2s ease-in-out;
            -moz-transition: transform .2s ease-in-out;
            -ms-transition: transform .2s ease-in-out;
            -o-transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
        }

        .cmuh_footer_rwd .panel-heading a:not(.collapsed)::after {
            content: "-";
        }

    .cmuh_footer_rwd ul li a {
        color: #000000;
        font-size: 1.2em;
        font-weight: bolder;
        text-indent: 3em;
        margin-left: -0.9em;
    }

        .cmuh_footer_rwd ul li a:hover, .cmuh_footer_rwd ul li a:active {
            color: #5180cd;
            text-decoration: underline;
        }

.cmuh_footer_left {
    width: 40%;
    padding: 0em 1em 4em 1em;
}

    .cmuh_footer_left .footer-logo {
        font-size: 0;
        text-align: center;
        display: block;
    }

    .cmuh_footer_left span {
        background: url(../../images/CREATIDEA_img/icon_phone.png) no-repeat 2.5em center #9ceee1;
        color: #000000;
        font-size: 1.5em;
        font-weight: bolder;
        border-radius: 1em;
        margin: 1.5em auto 1.5em auto;
        padding: 0.3em 3em 0.3em 4em;
        display: table;
    }

    .cmuh_footer_left strong {
        color: #3266b0;
        font-size: 1.5em;
        text-align: center;
        line-height: normal;
        margin: 0em auto 1.5em auto;
        display: block;
    }

    .cmuh_footer_left .accessibility {
        margin: auto;
        display: table;
    }

    .cmuh_footer_left img {
        width: auto;
        height: auto;
        max-width: 100%;
    }

.cmuh_footer_right {
    width: 60%;
}

    .cmuh_footer_right strong {
        color: #3266b0;
        font-size: 1.5em;
    }

    .cmuh_footer_right > ul {
        display: flex;
        flex-wrap: wrap;
    }

        .cmuh_footer_right > ul > li {
            width: 50%;
            padding: 0em 1.5em 1em 1.5em;
        }

            .cmuh_footer_right > ul > li > ul {
                padding-left: 1.2em;
            }

                .cmuh_footer_right > ul > li > ul > li {
                    margin-bottom: 0.3em;
                }

#footer .cmuh_footer_right a {
    color: #112338;
    font-size: 1.2em;
    font-weight: bolder;
    line-height: normal;
    text-indent: 3em;
    margin-left: -0.9em;
}

    #footer .cmuh_footer_right a:hover, #footer .cmuh_footer_right a:active {
        color: #21cdc1;
    }

.cmuh_copyright {
    background-color: #6f8db7;
    color: #ffffff;
    font-size: 1.3em;
    text-align: center;
    padding: 1em;
    display: block;
}

@media (max-width: 1340px) {
    .cmuh_footer_rwd {
        display: block;
    }

    .cmuh_footer_left {
        width: 100%;
    }

    .cmuh_footer_right {
        display: none;
    }
}

@media (max-width: 1024px) {
    .cmuh_copyright {
        font-size: 1em;
        line-height: normal;
        padding: 0.5em 1em 0.5em 1em;
    }
}

@media (max-width: 768px) {
    .cmuh_footer_left strong {
        font-size: 1.3em;
    }
}

@media (max-width: 520px) {
    .cmuh_footer_left span {
        background: url(../../images/CREATIDEA_img/icon_phone.png) no-repeat 1.5em center #9ceee1;
        padding: 0.3em 1em 0.3em 3em;
    }
}

@media (min-width: 992px) {
    .cmuh_footer_rwd.container {
        max-width: none;
    }
}

@media (min-width: 768px) {
    .cmuh_footer_rwd.container {
        max-width: none;
    }
}

@media (min-width: 576px) {
    .cmuh_footer_rwd.container {
        max-width: none;
    }
}
/* footer end */

/* MCI - APP DOWNLOAD */
#app_download_button {
    display: table;
    margin: 20px auto;
}

#appdownload_lightbox {
    max-width: 800px;
    margin: 0 auto;
    padding: 2em;
    background-color: #FFF;
    border-radius: 2em;
    overflow: hidden;
    color: #112338;
}

.apdwnld_content_tittle {
    text-align: center;
    font-size: 150%;
    margin-bottom: 10px;
    font-weight: bold;
}

.apdwnld_content {
    overflow: hidden;
}

    .apdwnld_content > ul,
    .apdwnld_content > ul > li {
        list-style: none;
    }

    .apdwnld_content > ul {
        padding-left: 0;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-left: -20px;
        margin-top: -20px;
    }

        .apdwnld_content > ul > li {
            padding-left: 20px;
            padding-top: 20px;
            max-width: 250px;
            text-align: center;
        }

    .apdwnld_content img {
        border: 2px solid #ccc;
        margin-bottom: 10px;
    }

#closeWin {
    width: 100%;
    text-align: center;
    padding: 0.5em;
}

    #closeWin a {
        color: #2652ad;
        font-size: 1.5em;
        font-weight: bolder;
    }