/* by Creasant */
/* editor */
div.inline-one *,
div.inline-three *{
  margin-bottom: 0;
}

div.inline-one,
div.inline-three{
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
div.inline-one,
div.inline-one > p,
div.inline-one > p > span,
div.inline-one > p > span > img,
div.inline-one > p > img,
div.inline-one > span,
div.inline-one > span > img,
div.inline-one > img{
  width: 100%;
}

div.inline-three > img,
div.inline-three > span{
  width: calc(33.33% - 10px * 2 / 3);
}

blockquote{
  border-left: 2px solid;
  padding-left: 25px;
  margin-top: 10px;
}

blockquote.bold-blockquote{
  border-left: 10px solid;
  padding-left: 15px;
}

blockquote.icon-blockquote{
  position: relative;
  margin-top: 0;
  margin-right: 0px;
  margin-left: 40px;
  padding-left: 30px;
}

blockquote.icon-blockquote::before {
  content: '';
  position: absolute;
  background: url(/sites/default/files/2025-08/icon%20blockquote.png);
  background-repeat: no-repeat;
  left: -38px;
  top: 0;
  width: 40px;
  height: 32px;
  padding-bottom: 30px;
  z-index: 1;
}

h2,
h3,
h4,
h5,
h6{
  line-height: 1.1;
}

h2{
  font-size: 48px;
  font-weight: 900;
}

h3{ /* thumbnail title  */ 
  font-size: 36px;
  font-weight: 900;
}

h4{
  font-size: 32px;
  font-weight: 800;
}

h5{
  font-size: 30px;
  font-weight: 700;
}

h6{
  font-size: 27px;
  font-weight: 800;
  margin-bottom: 18px;
}

ul, ol{
  margin-top: 0;
}

li,p{
  font-size: 20px;
  font-weight: 400;
}

.toolbar li, .toolbar .item-list, .toolbar .item-list li, .toolbar .menu-item, .toolbar .menu-item--expanded {
 font-size: 13px; 
}

p.small-text{
  font-size: 15px;
  line-height: 1.1;
}

p.tiny-text{
  font-size: 12px;
  line-height: 1.1;
  margin-top: 3px;
  margin-bottom: 0 !important;
}

p.profile-description{
  font-size: 18px;
}

p.thumbnail-subtitle{
  font-size: 900;
}

span.course-name{
  font-size: 27px;
  font-weight: 900;
}

span.course-credits{
  font-size: 21px;
  font-weight: 800;
}

span.additional-title-code,
span.additional-title-name,
span.additional-title-credit{
  font-size: 27px;
  line-height: 1;
  margin-top: 2px;
  margin-bottom: 2px;
}

span.additional-title-code,
span.additional-title-credit{
  font-weight: 400;
}

span.additional-title-name{
  font-weight: 800;
}

a{
  text-decoration: none;
}

a:hover{
  text-decoration: none;
  color: #005571 !important;
}

a:hover span{
  color: #005571 !important;
}

strong a.text-btn{
  font-weight: 800;
}

a.text-btn:hover{
  text-decoration: none;
  color:#FFF !important;
}

p:has(a.text-btn:nth-of-type(2)) a.text-btn {
  margin-top: 10px;
}

a.upcoming-activity{
  font-size: 20px;
}

a.arrow-button:hover{
  text-decoration: none;
}

a.arrow-button.width-auto{
  display: inline-block;
  padding: 15px 60px 15px 30px;
}

a.arrow-button{
  display: block;
  text-align: center;
  position: relative;
  font-weight: 800;
  line-height: 1.1;
  font-size: 24px;
  padding: 15px 50px;
  margin-bottom:30px;
}
a.arrow-button:after{
  content: '';
  background: url(/sites/default/files/2025-08/Arrow.png);
  position: absolute;
  top: 50%;
  transform: translate(20px, -50%);
  height: 16px;
  width: 10px;
}

.layout-content a.arrow-button:after{
  display: none; 
}

a.arrow-button .arrow-button-text{
  position: relative;
  display: inline-block;
  color: #FFF !important;
}

a.arrow-button .arrow-button-text:after{
  content: '';
  background: url(/sites/default/files/2025-08/Arrow.png);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(calc(100% + 15px), -50%);
  height: 16px;
  width: 10px;
}

ul, ol {
  padding-left: 30px;
  margin-left: 5px;
}

li{
  margin-bottom: 3px;
}

span.super-light{
  font-weight: 200;
}

span.super-bold{
  font-weight: 900;
}

table.tbl-noborder{
  width: auto !important;
}

table.tbl-noborder td{
  padding: 0 10px 0 0;
  min-width: unset;
  font-size: 20px;
  vertical-align: text-top;
}

table.accordian-table{
  border-collapse: separate;
  border: 0;
  margin-bottom: 0;
}

table.accordian-table thead th,
table.accordian-table thead td{
  padding: 15px 30px;
  vertical-align: middle;
  font-weight: 800;
  font-size: 20px;
  line-height: 1.1;
  min-width: unset;
}

table.accordian-table tbody td{
  border-bottom: 2px solid #ffffff;
  padding: 20px 30px;
  vertical-align: middle;
  min-width: unset;
  font-size: 20px;
}

table.tbl-bg{
  border: none; 
  margin-bottom: 20px;
}

table.tbl-bg thead tr td,
table.tbl-bg thead tr th{
  padding: 10px 40px;
  font-size: 27px;
}

table.tbl-bg tbody tr td {
  height: 100%;
  padding: 20px 40px 40px;
  border-bottom: 0px solid #FFF;
  vertical-align: top;
}

.mtpc-textarea table:last-child,
.mtpc-textarea p:last-child a,
.mtpc-textarea h1:last-child,
.mtpc-textarea h2:last-child,
.mtpc-textarea h3:last-child,
.mtpc-textarea h4:last-child,
.mtpc-textarea h5:last-child,
.mtpc-textarea h6:last-child{
  margin-bottom: 0;
}

/* General Start */
.width-auto .field__item > img{max-width: 100%;width: auto;}
.max-width-300{max-width: 300px;}
.max-width-330{max-width: 330px;}
.min-height-360{min-height: 360px;}

.space-top-110{padding-top: 110px;}
.space-top-120{padding-top: 120px;}
.space-top-130{padding-top: 130px;}
.space-top-140{padding-top: 140px;}
.space-top-150{padding-top: 150px;}
.space-bottom-110{padding-bottom: 110px;}
.space-bottom-120{padding-bottom: 120px;}
.space-bottom-130{padding-bottom: 130px;}
.space-bottom-140{padding-bottom: 140px;}
.space-bottom-150{padding-bottom: 150px;}
/* General end */
:root{
  --second-footer-menu-color-1: #003366;
  --second-footer-menu-color-2: #0085B2;
}

.col-2-align-items-stretch .mtpc-2col-section-wrapper{
  align-items: stretch
}
/* header & footer */
.mtpc_footer .footer_right_logo,
header .mtpc_header .top-header .wrapper .top_head_left .information,
header .mtpc_header .header .wrapper .logos .logos_left .logo_three{
  display: none;
}

header .mtpc_header .header .wrapper .logos .logos_left .logo_one img{
  max-height: 70px;
}

header .mtpc_header .header .wrapper .logos .logos_left .logo_one.show_vertical_line{
  border-right: 5px solid #0f3f6f;
  padding-right: 25px;
  margin-right: 25px;
}

header .mtpc_header .header .wrapper .logos .logos_right .logo_three{
  display: flex;
  align-items: center;
  height: 50px;
  gap: 40px;
}

header .mtpc_header .header .wrapper .logos .logos_right .logo_three a{
  height: 100%;
}

header .wrapper .mobile_menu_wrapper .logo_three{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  margin: 0 80px;
  -lh-property: 0;
  width: -webkit-calc(100% - 160px);
  width: -moz-calc(100% - 160px);
  width: calc(100% - 160px);
  margin-top: 30px;
}

.mtpc_footer .social_container{
  margin-right: 0;
}

footer .region-footer{
  background-color: #E0E7ED;
}

.mtpc_footer{
  margin-top: 0;
}

#block-mtpc-mainnavigation{
  max-width: 1500px;
  padding: 30px 20px;
  margin: 0 auto;
  overflow: hidden;
}

#block-mtpc-mainnavigation > ul.menu{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 54px;
}

/* level 1 */
#block-mtpc-mainnavigation > ul.menu > li{
  display: block;
  position: relative;
  padding-right: 30px;
  line-height: 25px;
}

#block-mtpc-mainnavigation > ul.menu > li > span,
#block-mtpc-mainnavigation > ul.menu > li > a{
  font-size: 18px;
  font-weight: 800;
  color: var(--second-footer-menu-color-1);
}

#block-mtpc-mainnavigation > ul.menu > li:before{
  content: '';
  position: absolute;
  left: -30px;
  border-left: 1px solid #ffffff;
  height: 100%;
}
#block-mtpc-mainnavigation > ul.menu > li:first-child::before{
  display: none;
}
/* level 2 */
#block-mtpc-mainnavigation > ul.menu > li > ul.submenu{
  margin: 0;
  display: block;
  list-style: none;
}

#block-mtpc-mainnavigation > ul.menu > li > ul.submenu > li {
  line-height: 24px;
}

#block-mtpc-mainnavigation > ul.menu > li > ul.submenu > li > span,
#block-mtpc-mainnavigation > ul.menu > li > ul.submenu > li > a{
  font-size: 14px;
  font-weight: 700;
  color: var(--second-footer-menu-color-2);
}

/* block */
/* slideshow block */
.mtpc-block-slideshow-block .slick-dots.circle li:hover,
.mtpc-block-slideshow-block .slick-dots.circle li{
  margin: 0 10px;
  background-color: #F5F5F5;
  box-shadow: 0 0 1px 0.5px #000000FC;
}

.mtpc-block-slideshow-block .slick-dots.circle li.slick-active{
  background-color: #333333;
}

.mtpc-block-slideshow-block .slick-dots{
  bottom: 2em;
}

/* .mtpc-block-accordian */
.mtpc-block-accordian-block{
  opacity: 0;
}

.lightblue-accordion-block .mtpc-block-accordian-block-title.expanded,
.lightblue-accordion-block .mtpc-block-accordian-block-title>.field__item.icon:before{
  color: #ffffff;
}

.lightblue-accordion-block .mtpc-block-accordian-block-title.expanded>.field__item:before{
  background-color: #ffffff;
}

.lightblue-accordion-block .mtpc-block-accordian-block-title{
  color: #333333;
}

.lightblue-accordion-block .mtpc-accordian-item--1 .mtpc-block-accordian-block-title:not(.expanded):hover .accordion-question { color: #77AAD4 !important;}
.lightblue-accordion-block .mtpc-accordian-item--2 .mtpc-block-accordian-block-title:not(.expanded):hover .accordion-question { color: #77C6D4 !important;}
.lightblue-accordion-block .mtpc-accordian-item--3 .mtpc-block-accordian-block-title:not(.expanded):hover .accordion-question { color: #6ECAA2 !important;}
.lightblue-accordion-block .mtpc-accordian-item--4 .mtpc-block-accordian-block-title:not(.expanded):hover .accordion-question { color: #6EB86E !important;}
.lightblue-accordion-block .mtpc-accordian-item--5 .mtpc-block-accordian-block-title:not(.expanded):hover .accordion-question { color: #B8B56E !important;}
.lightblue-accordion-block .mtpc-accordian-item--6 .mtpc-block-accordian-block-title:not(.expanded):hover .accordion-question { color: #B8996E !important;}

.lightblue-accordion-block .mtpc-accordian-item--1 .mtpc-block-accordian-block-title.expanded{background-color: #77AAD4;}
.lightblue-accordion-block .mtpc-accordian-item--1 .mtpc-block-accordian-block-title.expanded>.field__item.icon:before{color: #77AAD4;background-color: #ffffff;}
.lightblue-accordion-block .mtpc-accordian-item--1 .mtpc-block-accordian-block-title>.field__item.icon:before{background-color: #77AAD4;}
.lightblue-accordion-block .mtpc-accordian-item--2 .mtpc-block-accordian-block-title.expanded{background-color: #77C6D4;}
.lightblue-accordion-block .mtpc-accordian-item--2 .mtpc-block-accordian-block-title.expanded>.field__item.icon:before{color: #77C6D4;background-color: #ffffff;}
.lightblue-accordion-block .mtpc-accordian-item--2 .mtpc-block-accordian-block-title>.field__item.icon:before{background-color: #77C6D4;}
.lightblue-accordion-block .mtpc-accordian-item--3 .mtpc-block-accordian-block-title.expanded{background-color: #6ECAA2;}
.lightblue-accordion-block .mtpc-accordian-item--3 .mtpc-block-accordian-block-title.expanded>.field__item.icon:before{color:   #6ECAA2;background-color: #ffffff;}
.lightblue-accordion-block .mtpc-accordian-item--3 .mtpc-block-accordian-block-title>.field__item.icon:before{background-color: #6ECAA2;}
.lightblue-accordion-block .mtpc-accordian-item--4 .mtpc-block-accordian-block-title.expanded{background-color: #6EB86E;}
.lightblue-accordion-block .mtpc-accordian-item--4 .mtpc-block-accordian-block-title.expanded>.field__item.icon:before{color: #6EB86E;background-color: #ffffff;}
.lightblue-accordion-block .mtpc-accordian-item--4 .mtpc-block-accordian-block-title>.field__item.icon:before{background-color: #6EB86E;}
.lightblue-accordion-block .mtpc-accordian-item--5 .mtpc-block-accordian-block-title.expanded{background-color: #B8B56E;}
.lightblue-accordion-block .mtpc-accordian-item--5 .mtpc-block-accordian-block-title.expanded>.field__item.icon:before{color: #B8B56E;background-color: #ffffff;}
.lightblue-accordion-block .mtpc-accordian-item--5 .mtpc-block-accordian-block-title>.field__item.icon:before{background-color: #B8B56E;}
.lightblue-accordion-block .mtpc-accordian-item--6 .mtpc-block-accordian-block-title.expanded{background-color: #B8996E;}
.lightblue-accordion-block .mtpc-accordian-item--6 .mtpc-block-accordian-block-title.expanded>.field__item.icon:before{color: #B8996E;background-color: #ffffff;}
.lightblue-accordion-block .mtpc-accordian-item--6 .mtpc-block-accordian-block-title>.field__item.icon:before{background-color: #B8996E;}

.blue-accordion-block .mtpc-block-accordian-block-title:not(.expanded):hover .accordion-question { color: #306FAE !important;}
.blue-accordion-block .mtpc-block-accordian-block-title.expanded{background-color: #306FAE;}
.blue-accordion-block .mtpc-block-accordian-block-title{background-color: #ffffff;}
.blue-accordion-block .mtpc-block-accordian-block-title.expanded>.field__item .accordion-question{color: #ffffff;}
.blue-accordion-block .mtpc-block-accordian-block-title>.field__item .accordion-question{color: #333333;}
.blue-accordion-block .mtpc-block-accordian-block-title>.field__item:before{
  background-color: #306FAE;
  color: #ffffff;
}
.blue-accordion-block .mtpc-block-accordian-block-title.expanded>.field__item.icon:before{
  color: #306FAE;
  background-color: #ffffff;
}

.brown-accordion-block .mtpc-block-accordian-block-title:not(.expanded):hover .accordion-question { color: #AB8F78 !important;}

.brown-accordion-block .mtpc-block-accordian-block-title.expanded{background-color: #AB8F78;}
.brown-accordion-block .mtpc-block-accordian-block-title{background-color: #ffffff;}
.brown-accordion-block .mtpc-block-accordian-block-title.expanded>.field__item .accordion-question{color: #ffffff;}
.brown-accordion-block .mtpc-block-accordian-block-title>.field__item .accordion-question{color: #333333;}
.brown-accordion-block .mtpc-block-accordian-block-title>.field__item:before{
  background-color: #AB8F78;
  color: #ffffff;
}
.brown-accordion-block .mtpc-block-accordian-block-title.expanded>.field__item.icon:before{
  color: #AB8F78;
  background-color: #ffffff;
}


.mtpc-block-accordian-block-title:not(.expanded):hover .accordion-question { color: #003366 !important;}

.mtpc-block-accordian-block-title.expanded>.field__item.icon:before{
  color: #77AAD4;
}

.mtpc-block-accordian-block-title.expanded{background-color: #003366;}
.mtpc-block-accordian-block-title{background-color: #ffffff;}
.mtpc-block-accordian-block-title.expanded>.field__item .accordion-question{color: #ffffff;}
.mtpc-block-accordian-block-title>.field__item .accordion-question{color: #333333;}
.mtpc-block-accordian-block-title>.field__item:before{
  background-color: #003366;
  color: #ffffff;
}
.mtpc-block-accordian-block-title.expanded>.field__item.icon:before{
  color: #003366;
  background-color: #ffffff;
}

.mtpc-block-accordian-block-title{
  display: block;
  padding: 30px;
}

.mtpc-block-accordian-block-title>.field__item:before{
  border-radius: 100%;
  padding: 0;
  aspect-ratio: 1 / 1;
  width: 40px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  line-height: 40px;
}

.mtpc-block-accordian-block-title>.field__item .accordion-question{
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
  margin-left: 60px;
  font-size: 27px;
  line-height: 1.2;
  font-weight: 800;
}

.mtpc-block-accordian-item-wrapper .mtpc-accordian-item{
  margin: 0;
}

.mtpc-block-accordian-block-description{
  padding: 0;
  border: none;
  margin-left: 0;
  margin-top: 0;
  background-color: #F2F2F2;
}

.mtpc-block-accordian-block-description .field__item > *{
  margin-left: 40px;
  margin-right: 40px;
}

.mtpc-block-accordian-block-description p{
  margin-bottom: 1.1em;
}

.mtpc-block-accordian-block-description p:has(+ ol),
.mtpc-block-accordian-block-description p:has(+ ul){
  margin-bottom: 0;
}

.mtpc-block-accordian-block-description p.removed-text{
  margin-bottom: 0;
}

.mtpc-block-accordian-block-description .field__item > :first-child{
  padding-top: 40px;
}

.mtpc-block-accordian-block-description .field__item > .responsive-table:has(table.accordian-table){
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0;
}

.mtpc-block-accordian-block-description .field__item > :last-child{
  padding-bottom: 60px;
}

/* mtpc news */
/*article.mtpc-news-article .mtpc_news_description{*/
/*  padding-top: 0;*/
/*}*/

.mtpc_pagetitle.mtpc_news{
  padding-top: 100px;
}

.mtpc_pagetitle.mtpc_news.news_listing{
  padding-top: 130px;
  padding-bottom: 10px;
}

article.mtpc-news-article .mtpc_news_date{
  padding-bottom: 50px;
}

.view-id-news_events .view-content .views-row .row_container .mtpc_news_date,
article.mtpc-news-article .mtpc_news_date{
  text-transform: capitalize;
}

#views-exposed-form-news-events-page-2,
#views-exposed-form-news-events-page-1{
  display: none;
}

.event-listing-head h1,
.view-header .mtpc_pagetitle.mtpc_news h1{
  font-size: 48px;
  font-weight: 900;
  text-transform: uppercase;
}

.view-id-news_events .view-content .views-row:first-child{
  margin-top: 20px;
  border-top: 2px solid #DDEAEE;
}

/*.view-id-news_events .view-content .views-row{*/
/*  padding-bottom: 30px;*/
/*}*/

.view-id-news_events .view-content .views-row .row_container .mtpc_read_more{
  font-weight: 600;
}

.view-id-news_events .view-content .views-row .row_container .mtpc_news_title h3{
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 40px;
  line-height: 30px;
}

.view-id-news_events .mtpc_news_listing_footer .pager .pager__item{
  margin: 0;
}

/* mtpc event */
.event-listing-page,
.node__content.mtpc-event-detail{
  padding-top: 120px;
  padding-bottom: 120px;
}

.event-listing-page .pager__items .pager__item,
.event-listing-page .pager__items .pager__item.is-active{
  padding: .3em .8em;
}

/* mtpc photo gallery */
.mtpc_pagetitle.mtpc_gallery{
  padding-top: 100px;
  padding-bottom: 20px;
}

article.mtpc-single-album .album-main-date {
  padding-bottom: 60px;
  text-align: left;
}

.view-id-mtpc_albums .view-content .views-row.album_grid_item.mtpc_masonry_item{
  width: calc(50% - 20px);
}

.view-id-mtpc_albums .view-content .views-row.album_grid_item.mtpc_masonry_item:nth-child(odd){
  margin-right: 40px;
}

.view-id-mtpc_albums .view-content .views-row.album_grid_item .album_title{
  /*padding: 20px 0;*/
  padding-top: 20px;
  padding-bottom: 0;
}

.view-id-mtpc_albums .view-content .views-row.album_grid_item .album_desc {
  padding-top: 20px;
}

.view-id-mtpc_albums .view-content .views-row.album_grid_item .album_title .title_link a{
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
}

.mtpc-album-date{
  color: #0085B2;
  letter-spacing: normal;
  /* background-color: #2e87af; */
  /* padding: 0px 12px; */
  /* color: #FFFFFF; */
  font-size: 16px;
  margin-top: 20px;
  font-weight: 500;
  text-transform: capitalize;
}

.view-id-mtpc_albums .view-content{
  padding: 0 40px;
}

.path-photos-videos .pagetitle_breadcrumbs {
  display: none;
}

.path-photos-videos .pagetitle h1, .mtpc_pagetitle.mtpc_gallery h1 {
  color: #003366;
  font-size: 48px;
  font-weight: 900;
  text-transform: uppercase;
}

.mtpc_pagetitle.mtpc_gallery h1 {
  font-family: 'Muli', 'Microsoft JhengHei', "微軟正黑體", sans-serif;
  text-transform: none;
  text-align: left;
  font-weight: 800;
}

article.mtpc-single-album .mtpc_album_description {
  padding: 0;
}

.paragraph-id-9858 .mtpc_pagetitle_wrapper {
  min-height: 210px !important;
}

header .mtpc_header .header .wrapper .logos .logos_right .logo_three a:last-child img {
  max-width: 95%;
}

.view-id-mtpc_albums .view-content .views-row.album_grid_item.grid2_style.right-item.push {
  margin-top: 0 !important;
}

header .mtpc_header .top-header .wrapper .top_head_right .top_links .menu .menu-item a:hover,
.mtpc_footer .footer_menu>ul li a:hover {
  color: #FFF !important;
  text-decoration: underline;
}