@charset "UTF-8";

* {
  letter-spacing: 0 !important;
}

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

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

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

ul li, ul {
    /*20241127造成影響*/
    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 {
  min-height: 39px;
  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: none;
}

#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;
    margin: 0em auto 0em auto;
    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;
  -ms-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 a::before {
  content: "返回首頁";
  font-size: 0em;
}

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;
  margin: 0;
  box-shadow: 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: 0em;
  border: none;
  border-radius: 0em;
  margin: 0;
}

.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.1em;
  height: 2.1em;
  background-color: #21cdc1;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bolder;
  border: 1px solid #21cdc1;
  border-radius: 0.5em;
  margin: 0 0 0 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;
}

.language_div a:nth-child(4)::before {
  content: "網站地圖";
  font-size: 0em;
}

.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 0 0 0;
    justify-content: center;
  }

  .search_rwd .language_div a {
    margin: 0 0.25em 0 0.25em;
  }
}
/* 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: 20%;
  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 a.nav-link, #header .cmuh_main.navbar .navbar-nav a.nav-link {
  background-color: #063e8d;
  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 a.nav-link:hover, #header .cmuh_main.navbar .navbar-nav a.nav-link:hover {
  background-color: #21cdc1;
  color: #063e8d;
  /* -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all; */
}

header .cmuh_main.navbar .navbar-nav a.nav-link.highlighted, #header .cmuh_main.navbar .navbar-nav a.nav-link.highlighted {
  background-color: #21cdc1;
  color: #063e8d;
}

.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;
  text-align: center;
  border: 0;
  border-radius: 0;
  padding: 2em;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
}

/* .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: calc(100%/6);
  padding: 0em 0.5em 1em 0.5em;
}

.cmuh_main .navbar-nav .dropdown-menu > li h3 {
  background-color: #21cdc1;
  font-size: 1.5em;
  font-weight: bolder;
  line-height: normal;
  margin-top: 0em;
  margin-bottom: 0.3em;
}

.cmuh_main .navbar-nav .dropdown-menu > li h3 a {
  color: #384956;
  padding: 0.1em 0.5em 0.1em 0.5em;
  display: block;
}

.cmuh_main .navbar-nav .dropdown-menu > li h3 a:hover, .cmuh_main .navbar-nav .dropdown-menu > li h3 a:active {
  text-decoration: underline;
}

.cmuh_main .navbar-nav .dropdown-menu > li ul {
  margin-left: 0;
  padding: 0;
  display: block !important;/* tab的時候會無故消失 */
}

.cmuh_main .navbar-nav .dropdown-menu > li > ul > li {
  line-height: 2.3em;
  /* padding-left: 1.5em; *//* 桌機用不到 */
  padding: 0.5em 0em 0.5em 0em;
}

.cmuh_main .navbar-nav .dropdown-menu > li > ul > li a {
  color: #3266b0;
  font-size: 1.3em;
  font-weight: bolder;
  line-height: 1em;
  /* 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;
  line-height: 1.4em;
}

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;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    right: 15px;
    top: 1em;
    /*MCI*/
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -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;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}

.cmuh_feature_area a {
  width: calc(100%/6 - 2em);
  background-color: #ffffff;
  color: #2652ad;
  border-radius: 1.5em;
  line-height: normal;
  text-align: center;
  margin-bottom: 4em;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  -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;
  /*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);
  -ms-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;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -ms-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}

.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%; */
  }
}

@media (max-width: 1260px) {
  .cmuh_feature_area a {
    width: calc(100%/3 - 2em);
  }
}

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

  .cmuh_feature_area a {
    width: calc(50% - 2em);
    margin-bottom: 2em;
  }

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

@media (max-width: 500px) {
  .cmuh_feature_area a {
    margin-left: 0.5em;
    margin-right: 0.5em;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  }

  .cmuh_feature_title {
    font-size: 1.2em;
    line-height: normal;
  }
}
/* feature end */

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

.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: 0px 5px 0px 5px;
  vertical-align: top;
}

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-color: #2652ad;
}

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

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

  .picbox3 .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: 0em;
  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 */

/* Tag */
.cmuh_tag_area {
  padding: 6em 0em 5em 0em;
}

.cmuh_main_title {
  height: 4em;
  margin-bottom: 3em;
  display: flex;
}

.cmuh_main_title h3 {
  font-size: 3em;
  letter-spacing: 0.3em !important;
  border-bottom: 27px solid #fef3b7;
  padding: 0em 0.2em 0em 0.2em;
  margin: 0em 0em 0em 0.3em;
}

.cmuh_tag_area .mcitab_btnbx {
  background: none;
}

.cmuh_tag_area .mcitab_btnbx ul {
  display: flex;
  flex-wrap: wrap;
}

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

.cmuh_tag_area .mcitab_btnbx li:last-child {
  margin: 0em 0em 1em 0em;
}

.cmuh_tag_area .mcitab_btnbx li a {
  width: 100%;
  background-color: #b7cae9;
  color: #384956;
  font-size: 2.5em;
  font-weight: bolder;
  line-height: normal;
  padding: 0.3em 1em 0.3em 1em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cmuh_tag_area .mcitab_btnbx li a::before {
  content: "";
  width: 52px;
  height: 52px;
  margin-right: 0.3em;
  display: inline-block;
}

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

.cmuh_tag_area .mcitab_btnbx li:nth-child(1) a::before {
  content: "";
  background: url(../../images/CREATIDEA_img/icon_news_1.png) no-repeat center center/cover;
}

.cmuh_tag_area .mcitab_btnbx li.now_view:nth-child(1) a::before {
  background: url(../../images/CREATIDEA_img/icon_news_2.png) no-repeat center center/cover;
}

.cmuh_tag_area .mcitab_btnbx li:nth-child(2) a::before {
  content: "";
  background: url(../../images/CREATIDEA_img/icon_tidings_1.png) no-repeat center center/cover;
}

.cmuh_tag_area .mcitab_btnbx li.now_view:nth-child(2) a::before {
  background: url(../../images/CREATIDEA_img/icon_tidings_2.png) no-repeat center center/cover;
}

.cmuh_tag_area .mcitab_btnbx li:nth-child(3) a::before {
  content: "";
  background: url(../../images/CREATIDEA_img/icon_bulletin_1.png) no-repeat center center/cover;
}

.cmuh_tag_area .mcitab_btnbx li.now_view:nth-child(3) a::before {
  background: url(../../images/CREATIDEA_img/icon_bulletin_2.png) no-repeat center center/cover;
}

.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_area .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%);
  -ms-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;
  margin-bottom: 0.5em;
  padding-left: 2em;
}

.cmuh_tag_title {
  font-size: 1.8em;
  margin-bottom: 0.5em;
}

.cmuh_tag_title a {
  color: #384956;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

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

.cmuh_tag_box:nth-child(1) .cmuh_tag_title a, .cmuh_tag_box:nth-child(2) .cmuh_tag_title a, .cmuh_tag_box:nth-child(3) .cmuh_tag_title a {
/*   height: 3em; */
  -webkit-line-clamp: 2;
/*   overflow: hidden; */
}

.cmuh_tag_box p {
/*   height: 4.5em; */
  color: #777777;
  font-size: 1.3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.cmuh_tag_area .more {
  margin-top: 2em;
}

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

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

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

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

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

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

@media (max-width: 768px) {
  .cmuh_tag_area .mcitab_btnbx ul {
    justify-content: space-between;
  }

  .cmuh_tag_area .mcitab_btnbx li {
    width: 49%;
    margin: 0em 0em 1em 0em;
  }

  .cmuh_tag_area .mcitab_btnbx li a {
    padding: 0.3em 0.5em 0.3em 0.5em;
  }

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

  .cmuh_tag_box {
    width: 100%;
  }

  .cmuh_tag_box:nth-child(5), .cmuh_tag_box:nth-child(6), .cmuh_tag_box:nth-child(7), .cmuh_tag_box:nth-child(8) {
    display: none;
  }

  .cmuh_tag_img {
    display: none;
  }

  .cmuh_tag_date {
    font-size: 1.2em;
  }

  .cmuh_tag_title {
    font-size: 1.3em;
  }

  .cmuh_tag_box p {
    height: 0;
    display: none;
  }
}

@media (max-width: 576px) {
  .cmuh_tag_date {
    font-size: 1.3em;
  }

  /* .cmuh_tag_box:nth-child(4) .cmuh_tag_title {
    height: 3em;
  } */

  .cmuh_tag_box:nth-child(4) .cmuh_tag_title a {
    -webkit-line-clamp: 2;
  }

  .cmuh_tag_title a {
    font-size: 0.8em;
  }
}

@media (max-width: 540px) {
  .cmuh_tag_area .mcitab_btnbx li a::before {
    width: 32px;
    height: 32px;
  }
}
/* tag 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: 55%;
  font-size: 3em;
  line-height: normal;
  margin: 0.3em 0em 0.5em 0em;
}

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

.cmuh_esg_option {
  width: 60%;
}

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

.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: 1.2em;
  }

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

/* Navigation */
.cmuh_navigation_area {
  padding: 6em 0em 5em 0em;
}

.cmuh_navigation_area .cmuh_main_title {
  margin: 0em 0em 5em 0em;
  justify-content: center;
}

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

.cmuh_navigation_box {
  text-align: center;
  margin: 0em 1em 2em 1em;
}

.cmuh_navigation_box a {
  width: 13em;
  height: 13em;
  background-color: #063e8d;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  display: block;
}

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

.cmuh_navigation_box:nth-child(1) a {
  background-image: url(../../images/CREATIDEA_img/icon_navigation_1.png);
}

.cmuh_navigation_box:nth-child(2) a {
  background-image: url(../../images/CREATIDEA_img/icon_navigation_2.png);
}

.cmuh_navigation_box:nth-child(3) a {
  background-image: url(../../images/CREATIDEA_img/icon_navigation_3.png);
}

.cmuh_navigation_box:nth-child(4) a {
  background-image: url(../../images/CREATIDEA_img/icon_navigation_4.png);
}

.cmuh_navigation_box span {
  font-size: 0em;
}

.cmuh_navigation_box h4 {
  color: #063e8d;
  font-size: 2em;
  margin-top: 0.5em;
  margin-bottom: 0em;
}

.cmuh_navigation_box p {
  font-size: 1.5em;
  font-weight: bolder;
  line-height: normal;
}

@media (max-width: 540px) {
  .cmuh_navigation_box {
    margin: 0em 0em 2em 0em;
  }

  .cmuh_navigation_box a {
    width: 10em;
    height: 10em;
  }

  .cmuh_navigation_box h4 {
    font-size: 1.5em;
  }

  .cmuh_navigation_box p {
    font-size: 1.2em;
  }
}
/* Navigation end */

/* Thank */
.cmuh_thank_area {
  background: url(../../images/CREATIDEA_img/bg_thank_1.png) no-repeat left top/cover #e0e1e6;
  color: #384956;
  padding: 4em 0em 3em 0em;
}

.cmuh_thank_area .container {
  display: flex;
  justify-content: flex-end;
}

.cmuh_thank_block {
  width: 65%;
}

.cmuh_thank_block ul li {
  margin-bottom: 1.5em;
}

.cmuh_thank_block ul li a {
  background-color: #ffffff;
  color: #000000;
  font-size: 1.5em;
  font-weight: bolder;
  line-height: normal;
  border-radius: 0.5em;
  padding: 0.5em 1em;
  display: block;
}
.cmuh_thank_block ul li a:hover, .cmuh_thank_block ul li a:active {
  background-color: #21cdc1;
  color: #ffffff;
}

.cmuh_thank_option a {
  background-color: #3266b0;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: bolder;
  line-height: normal;
  border-radius: 1em;
  margin: 1em 0em 0.5em 0em;
  padding: 0.5em 1.5em;
  display: inline-block;
}

.cmuh_thank_option {
  display: flex;
  justify-content: flex-end;
}

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

@media (max-width: 1200px) {
  .cmuh_thank_block {
    width: 60%;
  }
}

@media (max-width: 900px) {
  .cmuh_thank_area {
    background: url(../../images/CREATIDEA_img/bg_thank_1.png) no-repeat -10em top/cover #e0e1e6;
  }
}

@media (max-width: 768px) {
  .cmuh_thank_area {
    background: url(../../images/CREATIDEA_img/bg_thank_2.png) no-repeat center top/100% #e0e1e6;
    padding: 40em 0em 3em 0em;
  }

  .cmuh_thank_block {
    width: 100%;
  }

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

@media (max-width: 560px) {
  .cmuh_thank_area {
    padding: 30em 0em 3em 0em;
  }
}

@media (max-width: 420px) {
  .cmuh_thank_area {
    padding: 25em 0em 3em 0em;
  }
}
/* Thank end */

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

.cmuh_excellence_area .mcitab_btnbx {
  background: none;
}

.cmuh_excellence_area .mcitab_btnbx ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cmuh_excellence_area .mcitab_btnbx li {
  width: 24%;
  vertical-align: bottom;
  border-radius: 0.7em;
  margin: 0em 0em 1em 0em;
  display: inline-block;
  overflow: hidden;
}

.cmuh_excellence_area .mcitab_btnbx li a {
  width: 100%;
  background-color: #b7cae9;
  color: #384956;
  font-size: 2.5em;
  font-weight: bolder;
  line-height: normal;
  padding: 0.3em 1em 0.3em 1em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cmuh_excellence_area .mcitab_btnbx li a::before {
  content: "";
  width: 52px;
  height: 52px;
  margin-right: 0.3em;
  display: inline-block;
}

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

.cmuh_excellence_area .mcitab_btnbx li:nth-child(1) a::before {
  content: "";
  background: url(../../images/CREATIDEA_img/icon_excellence_a1.png) no-repeat center center/cover;
}

.cmuh_excellence_area .mcitab_btnbx li.now_view:nth-child(1) a::before {
  background: url(../../images/CREATIDEA_img/icon_excellence_a2.png) no-repeat center center/cover;
}

.cmuh_excellence_area .mcitab_btnbx li:nth-child(2) a::before {
  content: "";
  background: url(../../images/CREATIDEA_img/icon_excellence_b1.png) no-repeat center center/cover;
}

.cmuh_excellence_area .mcitab_btnbx li.now_view:nth-child(2) a::before {
  background: url(../../images/CREATIDEA_img/icon_excellence_b2.png) no-repeat center center/cover;
}

.cmuh_excellence_area .mcitab_btnbx li:nth-child(3) a::before {
  content: "";
  background: url(../../images/CREATIDEA_img/icon_excellence_c1.png) no-repeat center center/cover;
}

.cmuh_excellence_area .mcitab_btnbx li.now_view:nth-child(3) a::before {
  background: url(../../images/CREATIDEA_img/icon_excellence_c2.png) no-repeat center center/cover;
}

.cmuh_excellence_area .mcitab_btnbx li:nth-child(4) a::before {
  content: "";
  background: url(../../images/CREATIDEA_img/icon_excellence_d1.png) no-repeat center center/cover;
}

.cmuh_excellence_area .mcitab_btnbx li.now_view:nth-child(4) a::before {
  background: url(../../images/CREATIDEA_img/icon_excellence_d2.png) no-repeat center center/cover;
}

.cmuh_excellence_area .mcitab_detail {
  background-color: #3266b0;
  border: none;
  border-radius: 0.7em;
  padding: 0;
}

.cmuh_excellence_area .mcitab_detail ul {
  padding: 1.5em 1em 1em 1em;
  display: flex;
  flex-wrap: wrap;
}

.cmuh_excellence_area .mcitab_detail ul li {
  width: calc(100%/3 - 1em);
  line-height: normal;
  margin: 0em 0.5em 0.5em 0.5em;
}

.cmuh_excellence_area .mcitab_detail li a {
  color: #ffffff;
  font-size: 1.5em;
  font-weight: bolder;
  display: flex;
}

.cmuh_excellence_area .mcitab_detail li a::before {
  content: "●";
  font-size: 0.7em;
  line-height: 1.8em;
  vertical-align: bottom;
}

.cmuh_excellence_area .mcitab_detail li a:hover, .cmuh_excellence_area .mcitab_detail li a:active {
  color: #21cdc1;
}

.cmuh_excellence_area .mcitab_cntbx_children:nth-child(2) li {
  text-indent: 0em;
  margin: 1em 0.5em 1em 0.5em;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.cmuh_excellence_area .mcitab_cntbx_children:nth-child(2) li > div {
  background-color: #ffffff;
  color: #3266b0;
  font-size: 1.5em;
  font-weight: bolder;
  text-align: center;
  border-radius: 0.5em;
  padding: 0.5em 0.5em 0.5em 0.5em;
}

.cmuh_excellence_area .mcitab_cntbx_children:nth-child(2) li span {
  line-height: normal;
  white-space: nowrap;
  margin: 0.3em 0em 0em 0em;
  display: block;
}

.cmuh_excellence_area .mcitab_cntbx_children:nth-child(2) li ul {
  padding: 0em 0em 0em 0em
}

.cmuh_excellence_area .mcitab_cntbx_children:nth-child(2) li ul li {
  width: 100%;
  margin: 0em 0em 0.5em 0em;
}

@media (max-width: 1480px) {
  .cmuh_excellence_area .mcitab_btnbx li a {
    font-size: 2em;
  }
}

@media (max-width: 1200px) {
  .cmuh_excellence_area .mcitab_btnbx li a {
    font-size: 1.5em;
  }

  .cmuh_excellence_area .mcitab_detail a {
    font-size: 1.2em;
  }
}

@media (max-width: 1024px) {
  .cmuh_excellence_area {
    background: none;
    padding: 6em 0em 25em 0em;
  }

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

  .cmuh_excellence_area .mcitab_cntbx_children:nth-child(2) li {
    width: calc(100%/2 - 1em);
  }
}

@media (max-width: 768px) {
  .cmuh_excellence_area .mcitab_btnbx li {
    width: 49%;
  }

  .cmuh_excellence_area .mcitab_btnbx li a {
    padding: 0.3em 0.5em 0.3em 0.5em;
  }

  .cmuh_excellence_area .mcitab_cntbx_children:nth-child(2) li {
    width: calc(100% - 1em);
    justify-content: start;
  }
}

@media (max-width: 540px) {
  .cmuh_excellence_area .mcitab_btnbx li a::before {
    width: 32px;
    height: 32px;
  }

  .cmuh_excellence_area .mcitab_detail ul {
    padding: 1em 1em 1em 1em;
  }

  .cmuh_excellence_area .mcitab_detail ul li {
    width: calc(50% - 1.8em);
    padding: 0em 0em 0em 0em;
  }
}

@media (max-width: 480px) {
  .cmuh_excellence_area .mcitab_cntbx_children:nth-child(2) li > div {
    font-size: 1em;
  }
}
/* Excellence end */

/*media*/
.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: 3em;
}

.cmuh_media_block span {
  color: #c6fcf9;
  font-size: 2em;
  font-weight: bolder;
}

.cmuh_media_block h2 {
  color: #e7f8f8;
  font-size: 3.5em;
  line-height: normal;
  margin: 0.2em 0em 1em 0em;
}

.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_area {
    padding-left: 1em;
  }
}

@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*/

/* international */
.cmuh_int_area {
  padding: 6em 0em 5em 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_int_area .cmuh_main_title h3 {
    font-size: 2.5em;
    letter-spacing: 0em !important;
    border-bottom: 20px solid #fef3b7;
  }
}
/* international 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;
  line-height: normal;
  text-align: center;
  margin: 0;
  padding: 0.5em 1em;
}

.cmuh_content_left ul {
  margin-bottom: 2em;
}

.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;
  -ms-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;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-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 h3 {
  color: #2652ad;
  font-size: 2em;
  line-height: normal;
  margin-top: 1em;
  margin-bottom: 0.3em;
}

.cmuh_content_list.sudoku ul {
  display: flex;
  flex-wrap: wrap;
}

.cmuh_content_list.sudoku li {
  width: calc(100% / 3);
  padding: 0em 1em 1em 1em;
  display: flex;
  align-items: stretch;
}

.cmuh_content_list.sudoku li a {
  width: 100%;
  background: url(../../images/CREATIDEA_img/icon_medicine02.png) no-repeat 0.5em center #eeeeee;
  border: none;
  display: flex;
  align-items: center;
  padding: 0.5em 0.5em 0.5em 2em;
}

.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;
  line-height: normal;
  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: 1em 0em 1em 0em;
  }
}

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

  .cmuh_content_right {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .cmuh_content_list li a {
    background: url(../../images/CREATIDEA_img/icon_medicine02.png) no-repeat left center;
    font-size: 1.5em;
    border-bottom: 2px solid #dddddd;
    padding: 0.3em 0em 0.3em 1.5em;
  }

  .cmuh_content_right h2 {
    font-size: 2em;
    line-height: normal;
  }
}

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

  .cmuh_content_list.sudoku li {
    width: 50%;
  }
}

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

@media (max-width: 430px) {
  .cmuh_content_list.sudoku li {
    width: 100%;
    padding: 0em 0em 1em 0em;
  }
}
/* 內頁次選單 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;
  flex-wrap: wrap;
}

.cmuh_function_area form > div {
  margin: 0em 1em 1.3em 0em;
  position: relative;
  overflow: hidden;
}

.cmuh_function_area form > div:last-child {
  border-radius: 0.2em;
  margin-bottom: 1.3em;
}

/* .cmuh_function_area .stepThree {
  border-radius: 0.2em;
  margin-bottom: 1.3em;
} */

.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;
    background-color: #ffffff;
    color: #000000;
    font-size: 1em;
    border: 1px solid #777777;
    border-radius: 0.2em;
    margin: 0;
    padding: 0.5em 1.5em 0.5em 0.5em;
    box-shadow: none;
}

.cmuh_function_area .stepThree input {
  padding: 0.5em 3em 0.5em 0.5em;
}

.cmuh_function_area input[type="text"] {
  display: inline-block;
}

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

.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;
  background-color: #ffffff;
  font-size: 1em;
  border: 1px solid #777777;
  border-radius: 0.2em;
  margin: 0em;
  padding: 0.5em 1.5em 0.5em 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;
  -ms-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;
  -ms-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-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%);
  -ms-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;
  margin: 0em;
}

/* .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;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  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 form > div {
    margin: 0em 0.5em 1.4em 0.5em;
  }

  .cmuh_function_area select, .cmuh_function_area input {
    min-width: auto;
  }

  .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: 640px) {
  .cmuh_news_img {
    display: none;
  }

  .cmuh_news_article {
    width: 100%;
    padding-left: 0em;
  }
}

@media (max-width: 560px) {
  .cmuh_function_area form > div {
    width: 100%;
  }

  .cmuh_condition {
    display: block;
  }

  .cmuh_condition strong {
    margin-bottom: 0.5em;
    display: block;
  }
}

@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;
}

/*不設定20241021*/
.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;
}

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

.cmuh_related {
  display: flex;
  flex-wrap: wrap;
}

.cmuh_related a {
  width: calc(100%/3 - 1em);
  color: #333333;
  font-size: 1.3em;
  margin: 0em 0.5em 1em 0.5em;
}

.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;
}

.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%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.cmuh_related a span {
  text-overflow: ellipsis;
  padding: 0em 0.5em 0em 0.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 768px) {
  .cmuh_related a {
    font-size: 1.2em;
    line-height: normal;
  }
}

@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;
  -ms-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;
  -ms-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%);
  -ms-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;
  font-size: 1.75rem;
  margin-top: 0em;
  margin-bottom: 0.2em;
}

.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;
  -ms-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;
  -ms-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;
  line-height: normal;
  border-radius: 0.5em;
  padding: 0.5em 1em 0.5em 1em;
  display: inline-block;
}

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

.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 a {
  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 .keyword a:hover, .cmuh_introduction_row .keyword a:active {
  background-color: #2652ad;
}

.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;
  margin-bottom: 0.5em;
  padding-left: 1.2em;
}

.cmuh_introduction_wording .link {
  display: flex;
  flex-wrap: wrap;
}

.cmuh_introduction_wording .link .cmuh_doctor_rq {
  text-align: left;
  margin: 1em 0.5em 0em 0em;
}

.cmuh_introduction_wording ul li {
  font-size: 1.5em;
  line-height: normal;
  list-style: disc;
  margin-left: 1em;
  margin-bottom: 0.3em;
}

.cmuh_introduction_wording ul li:last-child {
  margin-bottom: 0em;
}

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

.related_w {
  border-bottom: 1px dashed #222222;
  margin-bottom: 0.8em;
  padding-bottom: 0.5em;
}

.related_w:last-child {
  border: none;
  margin-bottom: 0em;
}

.related_w a {
  color: #222222;
  font-size: 1.5em;
  margin-bottom: 0.3em;
  display: block;
}

.related_w span {
  color: #063e8d;
  font-size: 1.5em;
  font-weight: bolder;
  line-height: normal;
  display: block;
}

.related_w a:hover, .related_w a:active {
  color: #18aeb0;
  text-decoration: underline;
}

.related_f {
  display: flex;
  flex-wrap: wrap;
}

.related_f a {
  width: calc(100%/3 - 1em);
  text-align: center;
  margin: 0em 0.5em 1em 0.5em;
}

.related_f a p {
  line-height: normal;
  -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;
}

.related_f a:hover p, .related_f a:active p {
  color: #18aeb0;
}

.related_f .video_img {
  background-color: #000000;
  padding-bottom: 65%;
  position: relative;
}

.related_f .video_form {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.related_f .video_form img {
  max-width: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 768px) {
  .cmuh_introduction_wording p, .cmuh_introduction_wording ul li, .related_w a {
    font-size: 1.2em;
  }
}

@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: 540px) {
  .cmuh_introduction_row #mcilghtbx_cnt_in {
    padding-bottom: 100% !important;
  }

  .related_f a {
    width: calc(50% - 1em);
  }
}

@media (max-width: 430px) {
  .related_f a {
    width: 100%;
  }
}
/* doctor introduction end */

/* department introduction */
.cmuh_department_box {
  padding: 0em 0em 1em 0em;
}

.cmuh_department_box .mcipcsldr_pics a {
  font-size: 0em;
}
/* department introduction end */

/*Mezzanine*/
.cmuh_mezzanine_info {
  display: flex;
  flex-wrap: wrap;
}

.cmuh_mezzanine_box {
  width: calc(100%/3);
  text-align: center;
}

.cmuh_mezzanine_box:nth-child(1) {
  background: url(../../images/CREATIDEA_img/bg_doctor.png) no-repeat 4em bottom #e2f8ff;
  padding: 4em 3em 3em 3em;
  display: flex;
  justify-content: flex-end;
}

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

.cmuh_mezzanine_box:nth-child(3) {
  background: url(../../images/CREATIDEA_img/bg_mail.png) no-repeat 4em bottom #b7cae9;
  padding: 4em 6em 3em 3em;
  display: flex;
  justify-content: flex-end;
}

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

.cmuh_mezzanine_block strong {
  width: 100%;
  color: #000000;
  font-size: 2.5em;
  line-height: normal;
  display: block;
}

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

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

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

.cmuh_mezzanine_box a {
  width: 75px;
  height: 75px;
  font-size: 0em;
  display: inline-block;
}

.cmuh_mezzanine_box a img {
  width: 100%;
}

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

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

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

@media (max-width: 1500px) {
  .cmuh_mezzanine_box {
    padding: 2em 1em 2em 1em !important;
    justify-content: center !important;
  }

  .cmuh_mezzanine_box:nth-child(1) {
    background-color: #e2f8ff;
    background-image: none;
  }

  .cmuh_mezzanine_box:nth-child(2) {
    background-color: #fef5c4;
    background-image: none;
  }

  .cmuh_mezzanine_box:nth-child(3) {
    background-color: #b7cae9;
    background-image: none;
  }

  .cmuh_mezzanine_option {
    margin-top: 0.5em;
  }
}

@media (max-width: 1200px) {
  .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_block {
    align-items: flex-start;
  }

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

  .cmuh_mezzanine_box a {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 520px) {
  .cmuh_mezzanine_box {
    width: 100%;
  }

  .cmuh_mezzanine_box:nth-child(1) {
    background: url(../../images/CREATIDEA_img/bg_doctor.png) no-repeat left center/40% #e2f8ff;
    padding: 1.5em 1.5em 1.5em 1.5em;
  }

  .cmuh_mezzanine_box:nth-child(2) {
    background: url(../../images/CREATIDEA_img/bg_map.png) no-repeat left center/40% #fef5c4;
    padding: 1.5em 1.5em 1.5em 1.5em;
  }

  .cmuh_mezzanine_box:nth-child(3) {
    background: url(../../images/CREATIDEA_img/bg_mail.png) no-repeat left center/40% #b7cae9;
    padding: 1.5em 1.5em 1.5em 1.5em;
  }

  .cmuh_mezzanine_box strong {
    font-size: 1.3em;
  }
}
/*Mezzanine end*/

/* 宣導專區 */
.cmuh_propaganda {
  padding: 6em 0em 5em 0em;
}

.owl-carousel.owl-drag .owl-item .item {
  font-size: 0em;
}

.owl-carousel.owl-drag .owl-item .item a {
  width: 97%;
  display: block;
}

.owl-theme .owl-dots .owl-dot span {
  width: 20px;
  height: 20px;
  background: #b7cae9;
  border: 5px solid #b7cae9;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #b7cae9;
  border: 5px solid #2652ad;
}

@media (max-width: 768px) {
  .cmuh_propaganda .container {
    max-width: 100%;
  }
}

@media (max-width: 540px) {
  .cmuh_propaganda {
    padding: 3em 0em 2em 0em;
  }
}
/* 宣導專區 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;
  top: auto;
  left: auto;
  right: 25px;
  bottom: -40px;
  cursor: pointer;
  border-radius: 2px;
  display: block;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#gotoTop a {
  color: #ffffff;
}

#gotoTop.show {
  bottom: 40px;
}

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

#gotoTop span {
  font-size: 0em;
}

/* 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%;
  }
}

/* footer功能項目 */
/* @media (max-width: 1200px) {
  .cmuh_other_area {
    padding: 2em 0em 2em 0em;
  }

  .cmuh_other_area p {
    width: 100%;
    margin-top: 0.5em;
    padding-left: 0em;
  }
}

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

  .cmuh_other_area a {
    align-items: flex-start;
  }
}

@media (max-width: 680px) {
  .cmuh_other_area p {
    font-size: 1.2em;
  }
}

@media (max-width: 460px) {
  .cmuh_other_area ul li {
    width: 49%;
  }
} */
/* footer功能項目 end */

/* footer選單項目 */
.cmuh_sitemap {
  padding: 6em 0em 5em 0em;
}

.cmuh_sitemap strong {
  color: #3266b0;
  font-size: 1.8em;
  margin-bottom: 0.5em;
  display: block;
}

.cmuh_sitemap .container > ul {
  display: flex;
  flex-wrap: wrap;
}

.cmuh_sitemap ul > li {
  width: 20%;
  padding: 0em 1.5em 0em 1.5em;
}

.cmuh_sitemap ul > li > ul {
  margin-left: 0em;
}


.cmuh_sitemap ul > li > ul > li {
  width: 100%;
  padding: 0em;
}

.cmuh_sitemap strong a {
  color: #3266b0;
  font-size: 1em;
}

.cmuh_sitemap a {
  color: #112338;
  font-size: 1.5em;
  font-weight: bolder;
}

.cmuh_sitemap strong a:hover, .cmuh_sitemap strong a:active, .cmuh_sitemap a:hover, .cmuh_sitemap a:active {
  color: #21cdc1;
}
/* footer選單項目 end */

/* footer摺疊選單 */
.cmuh_footer_rwd {
  display: none;
}

.cmuh_footer_rwd .panel {
  background: none;
  border: none;
  margin-bottom: 0em;
  padding: 0em;
}

.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 {
  margin: 0.5em 0em 0.5em 0em;
  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;
}

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

@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;
    margin-top: 0em;
  }
}
/* footer摺疊選單 end */

/* footer */
.cmuh_footer {
  padding: 3em 1em 3em 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.cmuh_footer > div {
  padding: 0em 1em 0em 1em;
}

.cmuh_footer_app {
  width: 32%;
  max-width: 30em;
}

.cmuh_footer_app .title {
  background-color: #3aa0e1;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: bolder;
  text-align: center;
  border-radius: 1em 1em 0em 0em;
  margin-bottom: 0em;
  padding: 1em 1em 1em 1em;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .cmuh_footer_app .title::before {
  content: "";
  width: 33px;
  height: 33px;
  background: url(../../images/CREATIDEA_img/icon_app_1.png) no-repeat left center;
  margin-right: 0.5em;
  display: block;
} */

.cmuh_footer_app .title span {
  background: url(../../images/CREATIDEA_img/icon_app_1.png) no-repeat left center;
  text-align: left;
  line-height: normal;
  padding-left: 2em;
  display: block;
}

.cmuh_footer_app .title img {
  margin-right: 0.5em;
}

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

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

.cmuh_footer_app .detail {
  background-color: #e6e7ea;
  border-radius: 0em 0em 1em 1em;
  padding: 2em;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.cmuh_footer_app .detail img {
  width: 100%;
}

.cmuh_footer_app .detail a {
  font-size: 0em;
  display: block;
}

.cmuh_footer_app .detail .left {
  width: 33%;
}

.cmuh_footer_app .detail .right {
  width: 66%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.cmuh_footer_info {
  width: 32%;
}

.cmuh_footer_info .phone {
  margin: 1.5em auto 1em auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.cmuh_footer_info .phone span {
  background-color: #9ceee1;
  color: #000000;
  font-size: 1.5em;
  font-weight: bolder;
  line-height: normal;
  text-align: center;
  border-radius: 1em;
  margin: 0em 0.5em 0.5em 0.5em;
  padding: 0.3em 1em 0.3em 1em;
}

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

.cmuh_other_area {
  width: 32%;
}

.cmuh_other_area ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.cmuh_other_area ul li {
  width: 49%;
  text-align: center;
  display: flex;
  justify-content: center;
}

.cmuh_other_area a {
  width: 100%;
  border-radius: 0.7em;
  margin: 0em 0em 0.5em 0em;
  padding: 0.5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.cmuh_other_area a:hover, .cmuh_other_area a:active {
  background-color: #9ceee1;
}

.cmuh_other_area p {
  width: 100%;
  color: #3aa0e1;
  font-size: 1.5em;
  font-weight: bolder;
  line-height: normal;
  margin: 0.3em 0em 0em 0em;
}

.cmuh_footer > .cmuh_accessibility {
  width: 100%;
  margin-top: 2em;
}

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

.cmuh_accessibility a.accessibility {
  font-size: 0em;
  margin: auto;
  display: table;
}

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

@media (max-width: 1340px) {
  .cmuh_footer_bottom {
    width: 100%;
  }

  .cmuh_sitemap {
    display: none;
  }
}

@media (max-width: 1200px) {
  .cmuh_footer > div {
    margin-bottom: 2em;
  }

  .cmuh_footer_app {
    width: 49%;
  }

  .cmuh_footer_info {
    width: 49%;
  }

  .cmuh_other_area {
    width: 100%;
  }

  .cmuh_other_area ul li {
    width: 24%;
  }
}

@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_bottom strong {
    font-size: 1.3em;
  }

  .cmuh_footer_app, .cmuh_footer_info  {
    width: 100%;
  }

  .cmuh_other_area ul li {
    width: 49%;
  }
}

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

@media (max-width: 430px) {
  .cmuh_footer_app .detail {
    flex-wrap: wrap;
  }

  .cmuh_footer_app .detail .left {
    margin-bottom: 1em;
  }

  .cmuh_footer_app .detail .left, .cmuh_footer_app .detail .right {
    width: 100%;
    text-align: center;
  }

  .cmuh_footer_app .detail img {
    width: auto;
  }
}
/* 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 {
  background-color: #2652ad;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: bolder;
  padding: 0.3em;
}

#closeWin a:hover {
  background-color: #21cdc1;
  color: #2652ad;
}