:root {
    --brand-color-1: #39227a;
	--brand-color-1h: #220e5d;
    --brand-color-1-text: #ffffff;
    --brand-color-2: #4a86e8;
    --brand-color-2-text: #ffffff;
	--brand-color-3: #B12DAF;
	--brand-color-4: #76c5ee;
}
body {
    font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
}
h3{
	color:var(--brand-color-3);
	font-weight:700;
	
}
h6{
    font-weight:700;
}
p {
    margin-bottom: 15px;
    color: #333;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}
.fModuleTitle h3{
    font-weight:700;
    color:var(--brand-color-3);
    font-size:2rem;
    margin-top: 0;
}
.fModuleTitle h3 span{
    color:var(--brand-color-1);
    font-size:2rem;
}

#nav-up {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99999;
    font-size: 18px;
    background-color: var(--brand-color-1);
    color: white;
    cursor: pointer;
    width: 48px;
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-color: var(--brand-color-1);
    border-image: initial;
    padding: 10px 5px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgb(37 34 25);
    visibility: visible !important;
}
#nav-up:hover {
    background-color: rgb(255, 255, 255);
    color: var(--brand-color-1);
}

a.fButton,
a.f-button,
.fForm .buttons input{
    position: relative;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    background-color:var(--brand-color-3);
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    transition: all 300ms ease;
    display: inline-block;
    border: 3px solid var(--brand-color-3);
}
a.fButton:hover, .fForm .buttons input:hover {
	color: var(--brand-color-3);
	background: #fff;
}


/* Header */
.fHeader > .container{
	max-width: 100%;
}
header.fHeader {
    position: absolute;
    width: 100%;
    display: block;
    z-index: 9999;
    background: #ffffff00;
    transition:0.3s ease-in-out;
}
header.fHeader.active {
    position: fixed;
    background: var(--brand-color-1);
    box-shadow: 0px 0px 10px #0c0c0c2e;
    transition:0.3s ease-in-out;
}
.fHeader-logo img{
    max-height: 55px;
    margin:10px;
    /* background: var(--brand-color-1); */
    border-radius: 5px;
    padding: 5px;
}
.fHeader .main-menu {
    background: transparent !important;
    justify-content: right;
    transition: 0.3s all;
}
body.is-home .fHeader .fHeader-logo{
	opacity:0;
	transition: 0.3s all;
}
body.is-home .fHeader.active .fHeader-logo{
	opacity:1;
}
.main-menu nav{
    height:100%;
}
.main-menu nav ul.fMenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}
.main-menu nav > ul > li {
    display: flex;
    align-items: stretch;
    position: relative;
}
.main-menu nav a {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 0.2rem 1.5rem;
    /* text-transform: uppercase; */
    letter-spacing: normal;
    transition: 0.3s all;
}
header.fHeader.active .main-menu nav a{
    color: var(--brand-color-1-text);
}
.main-menu  .fMenu > li > a {
    position: relative !important;
    padding: 0!important;
    margin-left: 8px;margin-right: 8px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: -0.5px;
}
.main-menu ul li a::before {
    content: '';
    height: 1px;
    width: 0;
    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--brand-color-2);
}
.main-menu ul li a:hover {
    /* color: var(--brand-color-1); */
}
.main-menu ul li ul li a:hover {
    color: #ffffff;
}

.main-menu ul li a:hover::before {
    width: 100%;
}
/* submenu */
.main-menu nav > ul > li > ul {
    position: absolute;
    transition: all 0.2s ease-in-out;
    padding-top: 10px;
    top: 100%;
    margin-top: -1rem;
    opacity:0;
    text-align: left;
}
.main-menu nav > ul > li > ul:before,
.main-menu nav > ul > li > ul:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5rem 0 0 0.5rem;
	border-color: transparent transparent transparent var(--brand-color-2);
	left: 1.5rem;
	top: 3px;
	display: block;
	content: "";
	position: absolute;
}
.main-menu nav > ul > li > ul:before	{
	border-width: 0 0 0.5rem 0.5rem;
	border-color: transparent transparent var(--brand-color-2) transparent;
	top: 3px;
	left: 1rem;
}
.main-menu nav > ul > li > ul li a {
    color: var(--brand-color-1-text) !important;
    font-size: 0.8rem;
    background: var(--brand-color-2);
    border-bottom: 1px solid #ffffff45;
    padding: 0.75rem;
    display:none;
}
.main-menu nav > ul > li:hover > ul li a{
	display: block;
}
.main-menu nav > ul > li > ul li a:hover {
    color: #fff!important;
    background: #1173ba !important;
}
.main-menu nav > ul > li:hover > ul{
	visibility: visible;
	opacity: 1;
	transition: all 0.4s ease-in-out;
	display: block;
	z-index:9999;
	margin-top: -2px;
	width: 200px;
}
.main-menu nav > ul > li > ul li a::before{
	display:none;
}
.navbar-toggle{
	background: var(--brand-color-3);
}
nav.collapse.show ul.fMenu{
	background: var(--brand-color-3);
	width:fit-content;
	min-width: 300px;
	position: absolute;
}
nav.collapse.show > ul > li:hover > ul{
    transition: all 0.4s ease-in-out;
    margin-top: -1rem;
	width: unset;
}
nav.collapse.show > ul > li > ul:before,
nav.collapse.show > ul > li > ul:after{
	display:none;
}
nav.collapse.show ul.fMenu a{
	background:none;
	border:none;
}
nav.collapse > ul > li > ul li a{
	font-style:italic;
}
nav.collapse > ul > li > ul li a:hover{
	background: none !important;
}



/* fBanner */
/* .fBanner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    background: url(https://storage.unitedwebnetwork.com/files/869/7f89b314562c21b94b3de7974afed7af.png);
    width: 100%;
    background-size: 100%;
    height: 250px;
    z-index: 2;
} */
.fBanner .fGalleryText {
    position: absolute;
    top: 21%;
    left: 42%;
    margin-top: 0;
    z-index: 99;
    transform: translate(-50%);
    width: 60%;
}
.fBanner .fGalleryText h2{
    font-weight:700;
    color:var(--brand-color-1);
    font-size:3rem;   
}
.fBanner .fGalleryText h5{
    font-weight:500;
    color:var(--brand-color-1);
    font-size:1.6rem;  
    font-style:italic;
}
.fBanner .fGalleryText p{
    font-weight:500;
    font-size:1.2rem;
    line-height: 180%;
}
.fBanner{
	/* box-shadow: 0 5px 15px 0 rgb(0 0 0 / 30%); */
}

/* important-date */
.important-date .item .item-content{
    text-align:center;
    padding: 0.5rem;
    box-shadow: 0 0 15px 0 rgb(2 59 109 / 10%);
    height: 100%;
    margin: 0.5rem 0;
    transition:0.3s ease-in-out;
}
.important-date .item ::before{
    font-size:2rem;
    color:var(--brand-color-1);
    margin-bottom:1rem;
    line-height:80px;
}
.important-date .item span.color{
    color:var(--brand-color-2);
    font-style:italic;
}
.important-date .item{
    transition:0.3s ease-in-out;
    margin-bottom: 2rem;
}
.important-date .item:hover{
    transform:translateY(-0.5rem);
    
}

/* Important Date New */
.imp-item{
	display:flex;
	flex-wrap: wrap;
	background: #f3f3f3;
	margin: 10px;
	padding:10px;
	margin-left: 0;
	padding-left: 0;
}
.imp-date{
	width:80px;
	padding:10px;
	text-align:center;
	border-right:1px solid #888;
	font-weight:600;
	color: var(--brand-color-3);
}
.imp-title{
	padding:10px;
}


/* welcome-text */
.welcome-text{
    overflow:visible !important;
}
.welcome-text .fModuleTitle{
	position:relative;
}
.welcome-text .fModuleTitle::before{
    content:'';
    background:url('../../../../../../files/1040/933af2de9a6ec8637bf18eba508f70bf.png');
    width: 200px;
    height: 200px;
    top: -65%;
    left: -8%;
    position: absolute;
    background-size: cover;
    opacity: 0.4;
}
.container.welcome .row{
	align-items: center;
}
.welcome-text .fModuleTitle h3 span{
	display:block;
	font-size:1.5rem
}


footer#fFooter {
    position: relative;
    background: url(../../../../../../files/869/a4e081c72e327f010f474e32f1036e24.jpg) ;
    padding: 40px 0 0;
    background-attachment: unset;
    background-size: cover;
    background-position: center;
}
footer#fFooter::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background-color: #39227ae8;
    bottom: 0;
    top: 0;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
	backdrop-filter: blur(2px)
}
footer#fFooter .fModuleTitle h3{
    color:#fff;
    font-size:1.4rem;
/*     text-transform:uppercase; */
}
footer#fFooter p,
footer#fFooter ul li{
    color:#fff;
}
.copyright {
    color: white;
    font-size: 12px;
    border-top: 1px solid #cccccc52;
    display: flex;
    justify-content: center;
    margin-top:1rem;
}
.copyright p,
.copyright a{
    font-size: 0.7rem;
    color:#fff;
}
.footer-img ul{
	display:flex;
	justify-content: flex-start;
	align-items: center;
}
.footer-img ul li{
	padding: 0 10px;
}
.footer-img img{
	max-height: 75px;
}

/* background */
.fbg-1{
    background-color: #f6fbff;
}

.content-list-news .f-list-item-container{
    display:flex;
    flex-wrap: wrap;
}

.content-list-news .f-list-item-node{
    padding:1rem;
}
.content-list-news .f-list-item-teaser-image{
    
}
.content-list-news .f-list-item-title,
.content-list-news .f-list-item-title a{
    color: var(--brand-color-1);
    font-weight: 700;
    font-size: 1.5rem;
    padding-bottom: 0;
    font-style: italic;
}
.content-list-news .f-list-item-teaser-content{
    
}

/* 
.content-list-news:after{
    content:'';
    background:url('https://storage.unitedwebnetwork.com/files/1043/32e701247044ea1240b408929c233e98.png');
    width: 150px;
    height: 150px;
    bottom: 30px;
    right: 100px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}
 */

.fPageTitle{
    position: relative;
    color: #fff;
    text-align: center;
    padding: 7rem 0 5rem;
    background: var(--brand-color-1);
    background-image: url(../../../../../../files/1043/cc4419ad94e647b2a74ab04fd6aecc37.png);
    background-size:cover;
    background-position: center;
}
.fPageTitle:before{
	
}
.fPageTitle h1 {
    font-size:3rem;
    font-weight:700;    
}
body.no-title .fPageTitle h1{
    color:transparent;
}

.has-list ul,
.has-list ol{
    margin: 1em 0;
    padding: 0 0 0 1em;
}
.has-list ol li, 
.has-list ul li {
    margin: 0.5em 0 0.5em 20px;
    list-style:unset;
}


/* Form */
.f-table td {
	padding: 0.5rem;
	border-bottom: 1px solid #efefef;
}

.f-table tr:hover td {
	background: #efefef;
}
.f-table td.highlight {
	background: #efefef;
}
.f-table tr:hover td.highlight {
	background: #ddd;
}

.f-table thead td,
.f-table thead tr:hover td,
table.f-table th {
	background: var(--brand-color-1);
	color: #fff;
}
.f-table thead td.highlight,
.f-table thead tr:hover td.highlight {
	background: var(--brand-color-1h);
}
.f-table h3 {
	margin: 0;
}
form.fForm .hint,
form.fForm .error,
form.fForm .form-item-option {
	margin-left: 0;
}
form.fForm .form-heading {
	margin: 1.5rem 0 1rem 0;
	border-bottom: 1px solid var(--brand-color-2);
	color: var(--brand-color-2);
	font-size: 1.25rem;
}
form.fForm fieldset {
	border: 0 none;
}
form.fForm fieldset legend {
	padding: 0.5rem 0;
	font-size: 1.25rem;
	color: var(--brand-color-2);
	border-bottom: 1px solid var(--brand-color-2);
	margin-bottom: 1rem;
}
.user-register-group label {
	font-weight: bold;
}
.fForm p, .fForm .form-item {
    padding-top: 0;
    padding-bottom: 1rem;
}
.fForm label {
    width: 100%;
    text-align: left;
    display: block;
    padding-top: 0;
}
.fForm input, .fForm select, .fForm textarea {
    padding: 0.5rem;
    width: 100%;
}
.fForm .buttons {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.fForm .form-heading,
.fForm .buttons{
	width:100%;
	clear:both;
}
.form-item {
    padding-left: 15px;
    padding-right: 15px;
}
.fForm input[type=checkbox]{
	margin-right:10px;
}

/* shortcut-nav */
.shortcut-nav{
	/* padding: 2rem !important; */
}
.shortcut-nav .fModuleContent{
	max-width: 960px;
	margin:0 auto;
}
.shortcut-nav .fMenu{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding-top: 1rem;
}
.shortcut-nav .fMenu a{
	color:#000;;
	text-align:center;
}
.shortcut-nav .fMenu a i{
	color:var(--brand-color-1);
	text-align:center;
}
.shortcut-nav .fMenu a .menu-item-text{
	display: block;
	padding: 1.5rem;
	transition: 0.3s ease-in-out;
	/* 	background: var(--brand-color-4); */
	margin:0.5rem;
	box-shadow: 0 0 15px 0 rgb(2 59 109 / 10%);
}
.shortcut-nav .fMenu a .menu-item-text > span{
	font-size: 40px;
	display:block;
	margin-left: 23px;
}
.shortcut-nav .fMenu li{
	transition: 0.3s ease-in-out;
}
.shortcut-nav .fMenu li:hover{
	margin-top:-0.5rem;
}
.shortcut-nav .fMenu li:last-child{
	border-right:none;
}
.shortcut-nav .fMenu a .menu-item-text:hover {
/* 	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0.30); */
/* 	text-shadow: 4px 6px 6px rgba(0,0,0,0.3); */
	box-shadow: 0 0 15px 0 rgb(0 117 220 / 31%);
}


.title-center.fModule .fModuleTitle{
	text-align:center;
}


/*********--------fboxlisting-------***********/
.ThreeBox{
	margin-left:30px;
	margin-right:30px;
}
.ThreeBox li.fGalleryItem:nth-child(odd) .fboxlisting{
    margin-top: 4rem;
}
div.ThreeBox{
    padding-bottom: 6rem !important;
}
.fboxlisting{
    /* height: 318px; */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    border: 1px solid #ddd;
    background: url(../../../../../../files/869/2141492013f248861e66086b51fc747b.png) right bottom no-repeat #fff;
    padding: 4% 12%;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    justify-content: left;
    flex-direction: column;
    text-align: left;
}
.fboxlisting:before {
    content: "";
    width: 60%;
    height: 6px;
    background: var(--brand-color-3);
    position: absolute;
    left: -1px;
    top: -1px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.fboxlisting:after {
    content: "";
    width: 120px;
    height: 55px;
    background: url(../../../../../../files/869/baf3e5890e798c0e87c1a5408911b373.png) center no-repeat;
    position: absolute;
    right: -25px;
    bottom: -45px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-size: 99%;
}
.fboxlisting:hover:after {
    bottom: -25px;
}
.fboxlisting:hover:before{
    width: 80%;
}
.fboxlisting:hover{
    transform: translateY(-10px);
}
.fboxlisting a.fGalleryImage{
    display: block;
    margin-top: 2rem;
}
.fboxlisting a.fGalleryImage img{
    height: 54px;
}
.fboxlisting .fGalleryText{
    margin-top: 2rem;
    text-align: left;
}
.fboxlisting .fGalleryText span.odometer{
    width: 100%;
    display: inline-block;
    font-size: 50px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
.fboxlisting .fGalleryText p{
    font-family: 'Poppins', sans-serif;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    color: black;
}
.fboxlisting .fGalleryText img.dots-bg01{
    display: none;
}


.abstract-category tr:first-child{
	border-bottom:2px solid #afafaf;
}
.abstract-category tr:first-child th{
	padding:10px;
}
.abstract-category tr:nth-child(even){
	background:#f5f5f5;
}


.user-list-committee .f-list-item{
	margin-bottom:15px;	
}
.user-list-committee .f-list-item-container{
	background:#f8f8f8;
	padding: 15px;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	transition:0.3s all ease-in-out;
}
.user-list-committee .f-list-item:hover  .f-list-item-container{
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 23%);
}
.user-list-committee .f-list-item-teaser-image{
	max-width:60px;
	margin: 5px;
}
.user-list-committee .f-list-item-teaser-image img{
	border-radius: 50%;
}
.user-list-committee .f-list-item-title{
	margin: 5px;
}
/***************************************************************************
                        RESPONSIVE MEDIA QUERY
****************************************************************************/
/*md*/
@media (max-width: 991px) {
    html {
        font-size: 14px;
    }
    .fBanner:before{
        height: 130px;
    }
}

/*sm*/
@media (max-width: 767px) {
    html {
        font-size: 13px;
    }
    .fBanner:before{
        height: 100px;
    }
	.shortcut-nav .fMenu a .menu-item-text > span{
		font-size:30px;
		margin-left: 8px;
		width: 100%;
	}
	.shortcut-nav .fMenu a .menu-item-text{
		display: flex;
		padding: 1rem;
		transition: 0.3s ease-in-out;
		margin:0.2rem;
		height:100%;
		justify-content: center;
		flex-wrap: wrap;
	}
	#fMatter .fModule{
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	#fModule-37604 .fModuleTitle{
		display:none;
	}
	#fModule-37603{
		padding-bottom: 0 !important;
		margin-bottom: -10px;
	}
	#fModule-37604{
		padding-top: 0 !important;
	}
}

/*xs*/
@media (max-width: 575px) {
    html {
        font-size: 13px;
    }
    .fBanner:before{
        height: 75px;
    }
	.fboxlisting{
		margin-bottom: 4rem;
		margin-top: 0 !important;
	}
}

/* CSS by Prateek */
/* Start CSS for lukang and taiwan page*/
.f-taiwan-gallery, .about-taiwan-text, .f-taiwan-food-gallery, .about-taiwan-text-2, .f-lukang-gallery, .about-lukang-text{
    margin: 0;
    padding-bottom: 0 !important;
}
.f-taiwan-gallery .container .f-module-content ul{
    background: #fff;
}
.f-taiwan-gallery ul li{
    padding: 0px;
    margin: 0px;
    position: relative;
}
.f-taiwan-gallery ul li a img{
    width: 100%;
    max-height: 256px;
}
.f-taiwan-gallery .fGalleryImages .fGalleryItem .fGalleryText {
    position: absolute;
    left:0;
    bottom: 0;
    padding: 0px 10px;
    width: 100%;
    padding: 0;
    margin: 0;
}
.f-taiwan-gallery .fGalleryImages .fGalleryItem .fGalleryText p{
    padding: 5px 10px;
    margin: 0;
    color: #000;
    background: rgba(255, 255, 255, 0.6);
}
.f-useful-info .container .f-module-content div h3{
    color: var(--brand-color-1h);
    font-size: 1.5em;
    margin-bottom: 0;
}
.f-useful-info .container .f-module-content div p{
    padding: 5px 40px;
    margin: 0;
}


/* programmeNav */
.programmeNav{
	margin-top:2rem;
}
.programmeNav .fMenu {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    border-bottom: 3px solid var(--brand-color-3);
    text-align: center;
    justify-content: center;
    margin: 0;
    align-items: stretch;
}
.programmeNav .fMenu li {
	margin: 0 !important;
    display: inline-block;
}
.programmeNav a {
    padding: 0.5rem 1rem;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: var(--brand-color-3);
}
.programmeNav big {
    font-weight: bold;
    display: block;
    background: var(--brand-color-3);
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    border-radius: 50%;
    color: #fff;
}
.programmeNav li.selected a {
	color: #fff;
	background: var(--brand-color-3);
}
.programmeNav li.selected a big {
	background: #fff;
	color: var(--brand-color-3);
}



.session-track-30463{background: #fde8f1;}
.session-container tr:hover td.session-track-30463{background: #ffcfe3;}
.session-track-30464{background: #fffbd7;}
.session-container tr:hover td.session-track-30464{background: #fff9bf;}
.session-track-30465{background: #d3f6e7;}
.session-container tr:hover td.session-track-30465{background: #aaffd9;}
.session-track-30466{background: #ccf0ff;}
.session-container tr:hover td.session-track-30466{background: #aae6ff;}
.session-track-30521{background: #f8cdff;}
.session-container tr:hover td.session-track-30521{background: #f5baff;}

.session-title,
.session-title a{
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: -0.5px;
}


.logo-img{
	margin-bottom:5px;
}
.logo-img img{
	max-height:150px;
}
.logo-text{
	margin-bottom:30px;
}
.logo-text span{
	font-weight:bold;
	color:var(--brand-color-1)
}