.view-article .sppb-col-md-12{
  padding-left:0px;
}

.page-item{
  margin-left:-35px;
}

.content-category #adminForm>div{
  display:none!important;
}

.sub-menu-title, 
.eventgallery-category-headline,
.displayname{
  color:#531D78;
  font-size:30px;
  padding-bottom: 10px;
  width: 250px;
  border-bottom: 6px solid #531D78;
  margin-bottom: 25px;
  white-space: nowrap;
}
.sub-menu{
  list-style:none;
  margin:0;
  padding:0 ;
  display:inline-flex;
  color: #531D78;
  font-size: 24px;
  margin-bottom: 25px;
}
.sub-menu li{
  padding:0 1em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.body-innerwrapper{overflow-x:hidden;padding-top:120px}
@media (min-width: 992px){
#sp-logo {
    flex: 0 0 auto;
    width: 7%;
}
  
  #sp-menu {
    flex: 0 0 auto;
    width: 93%;
}
}

#mod-finder-searchword98 {
  height:10px;
}

/* custom setting start*/

#categorylist_header_title{
  display: none;
}

.current{
  background-color: #efe0ed;
  color: #531D78;
}

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

th, td {
  border: 0px solid white;
}

.table-bordered tr.cat-list-row0 td,
.table-bordered tr.cat-list-row1 td{
  border-top: 1px solid #fff;
  border-bottom: 1px solid black;
  font-size: 18px;
  padding-top: 40px;
  padding-bottom: 20px;
}

.table-bordered tbody tr td a{
  color:#531D78;
}


/* past event and activity */
.currentPage{
	color: #531D78;
	font-weight: bold;
}	

#Page-Number{
  font-size: 14px;
  margin-left:3px
}

.custom-pege-design a:hover {
  color: #2A3471;
  border: 1px solid black;
}

.custom-pege-design a{
  color: #666;
  padding: 15px 10px;
  border: 1px solid #fff;
}

.custom-pege-design{
  margin-top: 50px;
  text-align: right;
  margin-bottom: 50px;
}

.custom-body-setup{
  /* margin-left: 10%; */
  /*margin-right: 10%;*/
}

.custom-box-design{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.imagewidth80px{
  width: 80px;
}

.custom-category-title{
  margin-left: 15px;
  margin-top:-8px;
}

.custom-public-text{
  color: #531D78;
  font-size: 18px;
  margin-bottom: 5px;
  margin-left: 15px;
}

.custom-title-text{
  color: #531D78;
  font-size:22px
}

.custom-introtext{
  margin-top: 15px;
  color: #808080;
  font-size: 15px;
  margin-bottom: 15px;
  text-align: justify;
}

.marginAuto{
  margin: auto 0 auto auto;
}

#custom-ReadMoreBtn{
  width: 120px;
  background-color: #EFE0ED;
  color: #531D78;
  padding: 12px 0;
}

.custom-TitleStyle{
  font-size: 30px;
  color: #531D78;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 15px;
}

.custom-Title-Line{
  border-bottom: 5px solid #531D78;
  margin-bottom: 30px;
  width: 450px;
}

.custom-Intro-Image{
  max-width: 100%;
  min-width: 100%;
  margin-left: 15px;
}

@media (max-width: 768px){
  .custom-Intro-Image{
    margin-left: 0;
  }
}

.page-header h2,
.article-details .article-header h1,
.custom-articles-title{
  color: #531D78;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 25px;
}

/* articles page */
.articles-Title{
  color: #531D78;
  font-size: 24px;
  margin-bottom: 25px;
}

.articles-Text{
  text-align: justify;
  font-size: 14px;
  color: #808080;
}

/* contact us page */
.custom-Google-Map{
  width: 100vw;
  position: relative;
  margin-left: -49.9vw;
  left: 50%;
  border-top: 5px solid #531D78;
}

.custom-contact-image{
  display:inline-flex;
  width: 70px;
}

.inlineFlex{
  display: inline-flex;
}

.custom-paper-size div div img{
  padding-bottom: 50px;
}

/* Photo Album */
.event-thumbnails img{ 
  min-height: 250px;
  min-width: 250px;
}

#event .date{
  display: none;
}

#sp-top-bar{background-color:#483D8B}

/* search bar*/
.form-control, input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-control){
      display: block;
    width: 100%;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    color: #252525;
    background-color: #fff;
    border: 1pxsolidrgba(1, 9, 68, 0.3);
    padding: 5px 5px 5px 10px;
    border-radius: 7px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#sp-top-bar {
    padding-top: 10px;
    padding-bottom: 10px;
}


#mod-finder-searchword127{
  font-weight: 100px;
}

/* 原來是10%，也許會影響CALENDAR */
#mod-finder-searchword127, #mod-finder-searchword126, label.finder, button.btn.btn-primary.hasTooltip.finder, .finder a{
  margin-left: 0px;
}

/* menu bar mouseover > purple */

/*li.sp-menu-item.active:hover >a[href="/index.php/en/"]{
  background-color:purple;
  color:white;
}*/

li.sp-menu-item:hover >a[href="/index.php/en/"], li.sp-menu-item:hover >a[href="#"]{
  background-color:purple;
  color:white;
}


ul.sp-megamenu-parent.menu-animation-fade-down.d-none.d-lg-block>li:hover >a{
  background-color:purple;
  color:white;
}

ul.sp-megamenu-parent.menu-animation-fade-down.d-none.d-lg-block>li.sp-menu-item.sp-has-child.active:hover >a{
  background-color:#DDA0DD;
}

ul.sp-megamenu-parent.menu-animation-fade-down.d-none.d-lg-block>li.sp-menu-item.current-item.active:hover >a{
  background-color:#DDA0DD;
}

.sp-column.text-center.text-lg-start {
    color: white;
    height: 30px;
    width: 433222px;
    display: flex;
    align-items: center;
}


.label-width-100 {
  width:100%;
}

#field1_0, #field1_1, #field1_2, #field6_0, #field6_1, #field6_2, #field6_3, #field6_4, #field6_5, #field14_0,#field14_1,#field14_2,#field14_3,#field14_4,#field14_5,#field14_6,#field14_7,#field14_8,#field14_9,#field14_10,#field16_0,#field16_1,#field16_2,#field16_3,#field16_4,#field16_5, #field27_0, #field6_6, #field27_1, #field31_0, #field14_11, #field16_6, input#field34_0 {
  width:2%;
}


#field28, #field29, #field30, #field31, #field32, #field33, label#form1i-object-to-the-use-of-my-personal-data-for-directlbl {
  display:none;
}


.visCSSmargLeft, .editor {
  margin-left:0px;
}

.visCSSright20 {
    margin-right: 0px; 
    width: 97%;
  display:inline-block;
}

.visCSSlabel {
  width:100%;
}

.offcanvas-menu{
  position:fixed;
}

::after {
    right: 40px !important;
}

.sp-column.text-center.text-lg-start{
  width:max-content;
}

@media screen and (max-width:550px) {
  	.sp-column.text-center.text-lg-start {
    font-size:3px;
  	}
	
  @media screen and (max-width:460px) {
    .sp-column.text-center.text-lg-start {
      	font-size:18px;
    	justify-content: center;
   		height: 45px;
  	}
  
  	.sp-column.text-center.text-lg-start {
    	width: 100%;
	}
    
    @media screen and (max-width:290px) {
      .sp-column.text-center.text-lg-start {
        font-size:10px;
      }
    }
  }
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler:after{
  font-size:43px;
}

label#form1industry-sectors-specialtieslbl_0, label#form1industry-sectors-specialtieslbl_1, label#form1industry-sectors-specialtieslbl_2, label#form1industry-sectors-specialtieslbl_3, label#form1industry-sectors-specialtieslbl_4, label#form1industry-sectors-specialtieslbl_5, label#form1industry-sectors-specialtieslbl_6, label#form1industry-sectors-specialtieslbl_7, label#form1industry-sectors-specialtieslbl_8, label#form1industry-sectors-specialtieslbl_9, label#form1industry-sectors-specialtieslbl_10, label#form1industry-sectors-specialtieslbl_11{
  width:14%;
}

.field5.required, .field6.required, .field7.required, .field16.required, .field15.required, .field17.required{
  width:32%;
}

.field5.required{
  margin-left:34%;
  margin-top:-100px;
}

.field7.required, .field17.required{
  margin-left:68%;
  margin-top:-72px;
}

.field7, .field17{
  width:32%;
  margin-left:68%;
  margin-top:-72px;
}

.conditional.field34.required, .conditional.field36.required{
  margin-top:20px;
  width:32%;
}

.field8.required, .field18.required{
  margin-top:25px;
  width:49%;
}

.field8{
  margin-top:25px;
  width:49%;
}

.field9.required, .field19.required{
  width:50%;
  margin-left:50%;
  margin-top:-72px;
}

label#form1payment-detailslbl_0{
  margin-bottom:15px;
  margin-top:-25px;
  margin-left:25px;
}

input#field27_0, input#field27_1{
  width:2%;
}

label#form1payment-detailslbl_1{
  margin-top:-25px;
  margin-left:25px;
}

label#form1payment-detailslbl{
  margin-bottom:15px;
}

label#form1designated-representative-of-the-corporate-membelbl{
  margin-top:0px;
}

@media screen and (max-width:991px) {
  	label#form13-applicant-has-the-right-to-request-access-to-thlbl_0 {
      margin-top:-25px;
      margin-left:25px;
    }
}

@media screen and (max-width:991px) {
  	label#form1industry-sectors-specialtieslbl_0, label#form1industry-sectors-specialtieslbl_1, label#form1industry-sectors-specialtieslbl_2, label#form1industry-sectors-specialtieslbl_3, label#form1industry-sectors-specialtieslbl_4, label#form1industry-sectors-specialtieslbl_5, label#form1industry-sectors-specialtieslbl_6, label#form1industry-sectors-specialtieslbl_7, label#form1industry-sectors-specialtieslbl_8, label#form1industry-sectors-specialtieslbl_9, label#form1industry-sectors-specialtieslbl_10, label#form1industry-sectors-specialtieslbl_11{
  		width:17%;
	}
}

@media screen and (max-width:528px) {
  	label#form1industry-sectors-specialtieslbl_0, label#form1industry-sectors-specialtieslbl_1, label#form1industry-sectors-specialtieslbl_2, label#form1industry-sectors-specialtieslbl_3, label#form1industry-sectors-specialtieslbl_4, label#form1industry-sectors-specialtieslbl_5, label#form1industry-sectors-specialtieslbl_6, label#form1industry-sectors-specialtieslbl_7, label#form1industry-sectors-specialtieslbl_8, label#form1industry-sectors-specialtieslbl_9, label#form1industry-sectors-specialtieslbl_10, label#form1industry-sectors-specialtieslbl_11{
  		width:30%;
	}
}

@media screen and (max-width:403px) {
  	label#form1industry-sectors-specialtieslbl_0, label#form1industry-sectors-specialtieslbl_1, label#form1industry-sectors-specialtieslbl_2, label#form1industry-sectors-specialtieslbl_3, label#form1industry-sectors-specialtieslbl_4, label#form1industry-sectors-specialtieslbl_5, label#form1industry-sectors-specialtieslbl_6, label#form1industry-sectors-specialtieslbl_7, label#form1industry-sectors-specialtieslbl_8, label#form1industry-sectors-specialtieslbl_9, label#form1industry-sectors-specialtieslbl_10, label#form1industry-sectors-specialtieslbl_11{
  		width:46%;
	}
}

@media screen and (max-width:278px) {
  	label#form1industry-sectors-specialtieslbl_0, label#form1industry-sectors-specialtieslbl_1, label#form1industry-sectors-specialtieslbl_2, label#form1industry-sectors-specialtieslbl_3, label#form1industry-sectors-specialtieslbl_4, label#form1industry-sectors-specialtieslbl_5, label#form1industry-sectors-specialtieslbl_6, label#form1industry-sectors-specialtieslbl_7, label#form1industry-sectors-specialtieslbl_8, label#form1industry-sectors-specialtieslbl_9, label#form1industry-sectors-specialtieslbl_10, label#form1industry-sectors-specialtieslbl_11{
  		width:95%;
	}
}

@media screen and (max-width:1199px){
  #sppb-addon-wrapper-1666080529722 {
	margin:0px 0px 58px 0px!important; 
  }
}

@media screen and (max-width:500px){
  h3.sppb-addon-title{
	font-size:15px;
  }
}

td.list-date.small{
  width:10%;
}

@media screen and (max-width:1225px){
  td.list-date.small{
    width:40%;
  }
}

th#categorylist_header_date{
  display:none;
}

li.item-200.current.active{
  display:none;
}

li.item-208.current.active{
  display:none;
}



.table-border th, .table-border td {
  border: 1px solid black;
}

ul.social-icons>li a{
  color: #0345bf !important;
}

.sppb-icon-inner{
  display: block !important;
  margin-top: -55px;
  margin-bottom: -50px;
}

@media screen and (max-width:428px){
  #sppb-addon-1677121815135 .sppb-icon-inner{
  	width: 0px !important;
  }
}

@media screen and (max-width:768px){
  html {
    overflow-x : hidden;
  }
}

.field21.required, .field8 {
    width: 49%;
    display: inline-block;
  	margin: 0% 1% 0% 0% !important;
}

.field22.required, .field9.required {
    width: 49%;
    display: inline-block;
  	margin: 0% 0% 0% 1% !important;
}

.field17.required, .field5.required{
  width: 32%;
  display: inline-block;
  margin: 0% 1% 0% 0% !important;
}

.field18.required, .field6.required{
  width: 32%;
  display: inline-block;
  margin: 0% 1% 0% 1% !important;
}

.field19, .field7{
  width: 32%;
  display: inline-block;
  margin: 0% 0% 0% 1% !important;
}

label#form1industry-sectors-specialties-otherslbl, label#form1title-others-2lbl, label#form1title-otherslbl{
  display: none;
}

input#field20{
  width: 32%;
}

textarea#field39{
  width: 100%;
  height: 250px;
}

fieldset.fieldset-1.active{
  margin-top: -10px;
}