/*

Theme Name: swap

Author: Dicky

Author URI: http://swwwap.hk

Description: This is a  bootstrap theme for wordpress. 

Version: 1.0

License: swwwap

*/



/*Wordpress editor styles start*/



.entry-content img {

	margin: 0 0 1.5em 0;

	}

.alignleft, img.alignleft {

	margin-right: 1.5em;

	display: inline;

	float: left;

	}

.alignright, img.alignright {

	margin-left: 1.5em;

	display: inline;

	float: right;

	}

.aligncenter, img.aligncenter {

	margin-right: auto;

	margin-left: auto;

	display: block;

	clear: both;

	}

.alignnone, img.alignnone {

	/* not sure about this one */

	}

.wp-caption {

	margin-bottom: 1.5em;

	text-align: center;

	padding-top: 5px;

	}

.wp-caption img {

	border: 0 none;

	padding: 0;

	margin: 0;

	}

.wp-caption p.wp-caption-text {

	line-height: 1.5;

	font-size: 10px;

	margin: 0;

	}

.wp-smiley {

	margin: 0 !important;

	max-height: 1em;

	}

blockquote.left {

	margin-right: 20px;

	text-align: right;

	margin-left: 0;

	width: 33%;

	float: left;

	}

blockquote.right {

	margin-left: 20px;

	text-align: left;

	margin-right: 0;

	width: 33%;

	float: right;

	}





    a,.pdf-btn,.slide-menu,.sub-menu{

      -webkit-transition: all .2s ease-in-out;

      -moz-transition: all .2s ease-in-out;

      -o-transition: all .2s ease-in-out;

      transition: all .2s  ease-in-out;

    }

    

    a,a:focus{

	       outline: 0;

    }

    blockquote{

	    border: 0;

	    padding-left: 0;

	    margin-left: 0

    }



/*Wordpress editor styles end*/

section, nav .container,footer,.banner-header-wrapper{max-width:1260px ;padding: 0 80px;margin: 0 auto}

nav .container{padding: 0 80px}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin: 0}

.page-preloader{background: url('images/377.gif') center center no-repeat;width: 100%;height: 100%;position: fixed;top:0;left:0;background-size: 60px 60px}





#bad-version{position: fixed;width: 100%;height: 100%;background: #FFF;z-index: 9999;}





.header-wrapper{}

.navbar{margin-bottom:0}

.navbar li{display: inline-block;float: left;z-index: 999;padding: 10px 0}

.navbar li{display: inline;margin:0 0 0 30px}

.navbar li ul li{display: block;float: none;margin: 0}

.navbar li ul{position: absolute;display: none}

.navbar li:hover ul{display: block}

.navbar-default{background: none;border: 0}

.navbar-collapse{padding-right: 0;width: 100%}

.navbar-brand {padding: 0}

.navbar-header{margin-top:24px}

.navbar-collapse {margin-top:40px}

.navbar .container {position: relative}

.sub-menu{position: absolute;z-index: 99}

#menu-home,#menu-home-1{display: inline-block;float: right;margin-bottom: 0}

.menu-home-2-wrapper{background: #EEE;z-index: 0;position: relative}

#menu-home-2{margin-bottom: 0 !important;padding-bottom: 5px !important}

#menu-home-2>li,#menu-home-2>li>a{display: none}

#menu-home-2>li.current-menu-parent,#menu-home-2>li.current-menu-item {display: block}

#menu-home-2 li .sub-menu {width: 100% !important;display: block !important;background: #EEE !important;max-width: 1120px !important;margin: 0 auto !important;position: relative !important;overflow: hidden;top:0;;padding-bottom: 0 !important}

#menu-home-2 li .sub-menu>li{width: auto;display: inline-block;width: 25% !important;float: left;padding-bottom: 5px !important}

#menu-home-2 li .sub-menu>li a{color: #999 !important;font-size: 12px}





.slide-menu{}

.slide-menu{position: fixed;top:-180px;width: 100%;z-index: 999;background: rgba(255,255,255,1);border-bottom: 1px solid #DDD;box-shadow: 4px 0px 2px #EEE}

.slide-menu.active{top:0}

.slide-menu .navbar-collapse{margin-top: 20px}

.slide-menu .navbar-header{margin-top: 8px}

.slide-menu .navbar{margin-bottom: 0;margin-top}



.menu>li:nth-child(1).current-menu-item>a,

.menu>li:nth-child(1).current-menu-parent>a,

.menu>li:nth-child(1) a:hover,

.menu>li:nth-child(1).current-page-ancestor>a,

#menu-home-2>li:nth-child(1) .sub-menu .current-menu-item a

{color: #C80858 !important}



.menu>li:nth-child(2).current-menu-item>a,

.menu>li:nth-child(2).current-menu-parent>a,

.menu>li:nth-child(2) a:hover,

.menu>li:nth-child(2).current-page-ancestor>a,

#menu-home-2>li:nth-child(2) .sub-menu .current-menu-item a





{color: #119290 !important}

.menu>li:nth-child(3).current-menu-item>a,

.menu>li:nth-child(3).current-menu-parent>a,

.menu>li:nth-child(3) a:hover,

.menu>li:nth-child(3).current-page-ancestor>a,

.single-research-post .menu>li:nth-child(3)>a,

.single-exhibition-post .menu>li:nth-child(3)>a,

#menu-home-2>li:nth-child(3) .sub-menu .current-menu-item a



{color: #9140B3 !important}

.menu>li:nth-child(4).current-menu-item>a,

.menu>li:nth-child(4).current-menu-parent>a,

.menu>li:nth-child(4) a:hover,

.menu>li:nth-child(4).current-page-ancestor>a

.single-academic-staffs .menu>li:nth-child(4)>a,

#menu-home-2>li:nth-child(4) .sub-menu .current-menu-item a



{color: #0C98C6 !important}

.menu>li:nth-child(5).current-menu-item>a,

.menu>li:nth-child(5).current-menu-parent>a,

.menu>li:nth-child(5) a:hover,

.menu>li:nth-child(5).current-page-ancestor>a,

.single-hui-gallery .menu>li:nth-child(5),

.single-news-or-events .menu>li:nth-child(5),

#menu-home-2>li:nth-child(5) .sub-menu .current-menu-item a





{color: #5ADAC2 !important}



.menu>li:nth-child(6).current-menu-item>a,

.menu>li:nth-child(6).current-menu-parent>a,

.menu>li:nth-child(6) a:hover,

.menu>li:nth-child(6).current-page-ancestor>a,

#menu-home-2>li:nth-child(6) .sub-menu .current-menu-item a



{color:#FF6044 !important}



.menu>li .sub-menu a:hover{

	color: #CCC !important

}





.sub-menu{background: rgba(255,255,255,.8);padding:2px 20px 10px 20px;width: 240px;;top: 80px}

.slide-menu .sub-menu{top:60px}

.sub-menu li{padding-bottom: 2px}

.sub-menu li a{line-height: 16px;font-size: 13px;font-family: sans-serif}







#menu-main-menu,#menu-main-menu-1{overflow: hidden;display: inline;float: right;margin-top: 10px;}

a:hover{color: #45456B;text-decoration: none}



#main-container{opacity: 0}

.wp-pagenavi .page ,.nextpostslink,.wp-pagenavi .current,.previouspostslink{margin:0 10px;opacity: .6}

.wp-pagenavi .current{opacity: 1}



.footer-list li{float: left;display: inline-block}

.footer-list li h6{display: inline ;padding-right:16px;padding-left:16px;border-right: 1px solid #666}

.footer-list li:first-child  h6{padding-left: 0}

.footer-list li:last-child  h6{border-right: 0}

footer .copy-right{display: block;float: left;margin-top: 6px;margin-bottom: 60px;width: 100%}

footer{color: #333}



.lang-con{position: absolute;right:80px;z-index: 10;overflow: hidden;width: 124px;top:0}

#lang_sel_list li:nth-child(2){float: right;right:28px}

#lang_sel_list li span{float: left;line-height: 10px}

#lang_sel_list ul a, #lang_sel_list_list ul a:visited{background: none}

.lang-con ul{}

.lang-con span{padding:10px;;line-height: 20px}

.lang_sel_sel span{background: #3A3A56;color: #FFF;line-height: 20px}





.lang li.active{background: #3A3A56;color: #FFF}



.home .section-header-banner{display: none}

.home .section-header-banner-slide{display: none}

.home .menu-home-2-wrapper{display: none}



.button-blog ss-wrapper{max-height: 130px}

.section-header-background,.section-header-overlay{width: 100%;height: 100%; background-size:cover !important;max-width: 1600px;margin: 0 auto}

.section-header-overlay{position: absolute;top:0}

.section-header-overlay{z-index: 2;background: rgba(13,13,13,0)}

.section-header-banner{width: 100%;background: #FFF;height: 360px;position: relative;box-shadow:  1px 1px 5px #CCC}

.banner-header-wrapper{top:0;width: 100%;max-width: 1260px;margin: -60px auto 0 auto}

.banner-header-name{margin: 0 auto;max-width: 1400px}

.banner-header-name{bottom:80px;left: 0;z-index: 3;color: #FFF}

.banner-header-background{background: aqua;position: absolute;bottom:-34px;width: 100%;height: 60px;left: 0}

.breadcrumb-header{position: absolute;top: 16px;z-index: 3;;color: #FFF}

.breadcrumbs span{margin:0 10px 0 6px}

.breadcrumbs {font-size: 12px}

.breadcrumb-header a{color: #FFF}

.section-header-banner-slide{position: fixed;top:-200px;z-index: 888;height: 100px;;width: 100%;left: 0;

      -webkit-transition: all .2s ease-in-out;

      -moz-transition: all .2s ease-in-out;

      -o-transition: all .2s ease-in-out;

      transition: all .2s  ease-in-out;	

}

.section-header-banner-slide.active{top:0;}

.section-header-banner-slide .banner-header-inner{height: 100px;position: relative}

.section-header-banner-slide  .banner-header-name{top:130px;position: absolute}

.section-header-banner-slide .section-header-overlay{background: #FFF;border-bottom: 1px solid #ddd}



.menu>li:nth-child(1) .sub-menu{background: #C80858 !important;}

.menu>li:nth-child(2) .sub-menu{background: #119290 !important;}

.menu>li:nth-child(3) .sub-menu{background: #9140B3 !important;}

.menu>li:nth-child(4) .sub-menu{background: #0C98C6 !important;}

.menu>li:nth-child(5) .sub-menu{background: #5ADAC2 !important;}

.menu>li:nth-child(6) .sub-menu{background: #FF6044 !important;}



.sub-menu a{color: #FFF !important}



#sitemap #menu-home-2 > li, 

#sitemap #menu-home-2 > li > a{display: block !important}

#sitemap #menu-home-2 li .sub-menu {background: none !important ;margin: 10px 0  10px 0 !important;margin-left: -20px !important}

#sitemap #menu-home-2 > li a{font-weight: bold;font-size: 24px}

#sitemap #menu-home-2 > li .sub-menu a{font-weight: normal;font-size:14px;border-bottom: 2px solid #EEE}

#sitemap #menu-home-2 li .sub-menu > li{width: 30% !important}

#sitemap #menu-home-2>li {border-bottom: 1px solid #333;padding: 20px 0}

#sitemap #menu-home-2>li:last-child{border: 0}





/* Color

.color-about{color: #EE395A}

.color-programmes{color: #119290}

.color-research{color: #ced939}

.color-people{color:#25AAD8}

.color-news{color: #E2007A}

.color-studying{color:#f2822e}

.color-white{color: #FFF}	

------------------------------------------------*/

.color-base{}

.color-about{color: #C80858}

.color-programmes{color: #119290}

.color-research{color: #9140B3}

.color-people{color:#0C98C6}

.color-news{color: #5ADAC2}

.color-studying{color:#FF6044}

.color-white{color: #FFF}

.color-lightgray{color: #CCC}

.color-gray{color: #999}



.background-base{}

.background-about{background: #C80858}

.background-programmes{background: #119290}

.background-research{background: #9140B3}

.background-people{background: #0C98C6}

.background-news{background: #5ADAC2}

.background-studying{background:#FF6044}





.page-id-7 .section-header-banner-slide h5,

.page-id-2390 .section-header-banner-slide h5,

.page-id-2039 .section-header-banner-slide h5,

.parent-pageid-7 .section-header-banner-slide h5,

.parent-pageid-2390 .section-header-banner-slide h5,

.parent-pageid-2039 .section-header-banner-slide h5

{color:#C80858 !important}





.page-id-9 .section-header-banner-slide h5,

.page-id-2518 .section-header-banner-slide h5,

.page-id-2062 .section-header-banner-slide h5,

.parent-pageid-9 .section-header-banner-slide h5,

.parent-pageid-2518 .section-header-banner-slide h5,

.parent-pageid-2062 .section-header-banner-slide h5

{color:#119290 !important}





.page-id-11 .section-header-banner-slide h5,

.page-id-2530 .section-header-banner-slide h5,

.page-id-2064 .section-header-banner-slide h5,

.parent-pageid-11 .section-header-banner-slide h5,

.parent-pageid-2530 .section-header-banner-slide h5,

.parent-pageid-2064 .section-header-banner-slide h5,

.single-research-post .section-header-banner-slide h5,

.single-exhibition-post .section-header-banner-slide h5,

.parent-pageid-44 .section-header-banner-slide h5

{color:#9140B3 !important}







.page-id-13 .section-header-banner-slide h5,

.page-id-1978 .section-header-banner-slide h5,

.page-id-1984 .section-header-banner-slide h5,

.parent-pageid-13 .section-header-banner-slide h5,

.parent-pageid-1978 .section-header-banner-slide h5,

.parent-pageid-1984 .section-header-banner-slide h5,

.single-academic-staffs  .section-header-banner-slide h5

{color:#0C98C6 !important}





.page-id-15 .section-header-banner-slide h5,

.page-id-2069 .section-header-banner-slide h5,

.page-id-2167 .section-header-banner-slide h5,

.parent-pageid-15 .section-header-banner-slide h5,

.parent-pageid-2069 .section-header-banner-slide h5,

.parent-pageid-2167 .section-header-banner-slide h5,

.single-hui-gallery  .section-header-banner-slide h5,

.single-news-or-events  .section-header-banner-slide h5

{color:#5ADAC2 !important}







.page-id-2073 .section-header-banner-slide h5,

.page-id-2164 .section-header-banner-slide h5,

.page-id-17 .section-header-banner-slide h5,

.parent-pageid-17 .section-header-banner-slide h5,

.parent-pageid-2164 .section-header-banner-slide h5,

.parent-pageid-2073 .section-header-banner-slide h5

{color:#FF6044 !important}





/*



.half-background-home{background:  rgba(70,70,107,.8)}

.half-background-about,.about .img-overlay{background:  rgba(238,57,90,.8)}

.half-background-programmes,.programmes .img-overlay{background:  rgba(17,146,144,.8)}

.half-background-research,.research .img-overlay{background: rgba(206,217,57,.8)}

.half-background-people,.people .img-overlay,.alumni .img-overlay{background:  rgba(37,170,216,.8)}

.half-background-news,.news-events .img-overlay{background:  rgba(226,0,122,.8)}

.half-background-studying,.studying-at-faa .img-overlay,.learning-support .img-overlay{background:  rgba(242,130,46,.8)}



*/	

.half-background-home{background:  rgba(70,70,107,.8)}

.half-background-about,

.page-id-7 .img-overlay,

.page-id-2390 .img-overlay,

.page-id-2039 .img-overlay,

.parent-pageid-7 .img-overlay,

.parent-pageid-2390 .img-overlay,

.parent-pageid-2039 .img-overlay

{background:  rgba(200,8,88,.8)}



.half-background-programmes,

.page-id-9 .img-overlay,

.page-id-2518 .img-overlay,

.page-id-2062 .img-overlay,

.parent-pageid-9 .img-overlay,

.parent-pageid-2518 .img-overlay,

.parent-pageid-2062 .img-overlay

{background:  rgba(17,146,144,.8)}



.half-background-research,

.page-id-11 .img-overlay,

.page-id-2530 .img-overlay,

.page-id-2064 .img-overlay,

.parent-pageid-11 .img-overlay,

.parent-pageid-2530 .img-overlay,

.parent-pageid-2064 .img-overlay

{background:  rgba(145,64,179,.8)}



.half-background-people,

.people .img-overlay,

.page-id-13 .img-overlay,

.page-id-1978 .img-overlay,

.page-id-1984 .img-overlay,

.parent-pageid-13 .img-overlay,

.parent-pageid-1978 .img-overlay,

.parent-pageid-1984 .img-overlay

{background:  rgba(12,152,198,.8)}



.half-background-news,

.page-id-15 .img-overlay,

.page-id-2069 .img-overlay,

.page-id-2167 .img-overlay,

.parent-pageid-15 .img-overlay,

.parent-pageid-2069 .img-overlay,

.parent-pageid-2167 .img-overlay

{background: rgba(90,218,194,.8)}



.half-background-studying,

.page-id-2073 .img-overlay,

.page-id-2164 .img-overlay,

.page-id-17 .img-overlay,

.parent-pageid-17 .img-overlay,

.parent-pageid-2164 .img-overlay,

.parent-pageid-2073 .img-overlay



{background:  rgba(255,96,68,.8)}







.page-template-page-b-programmes section a{color: #119290}



.background-gray{background: #e9e5e3}



.background-research a, .background-news a{color: #FFF}









.overlay{opacity: .6}

.section-break{padding: 30px 0 30px 0;margin: 20px 0 30px 0;color: #FFF;position: relative}

.break-bth-bottom {background: rgba(255,255,255,.4);;display: inline;text-align: center;color: #FFF;padding: 6px 16px  18px 16px;

  -moz-border-radius: 30px;

  -webkit-border-radius: 30px;

 behavior:url(border-radius.htc);  border-radius: 30px;;

  position: relative;

  bottom: -60px;

  opacity: .8;

  cursor: pointer;display: none

  

}

.ss-break-content{width: 40%;margin: 0 auto;}

.section-break .container{max-width: 1040px;margin: 0 auto}



.bg-btn{display: inline-block;padding: 10px 30px;border-radius: 2px 2px;cursor: pointer}

.pdf-btn{padding: 10px 30px;  border-radius: 2px 2px;border: 1px solid #CCC;margin-top: 40px;color: #999;cursor: pointer}

.pdf-btn a{color: #999 !important }

.pdf-btn:hover {background: #999;color:#FFF}

.pdf-btn:hover a{color:#FFF !important }



.list-circle{margin: 0 10px}





.ss-wrapper .img-wrapper,.ss-wrapper .img-overlay,.single-wrapper .img-wrapper,.single-wrapper .img-overlay{

      -webkit-transition: all .2s ease-in-out;

      -moz-transition: all .2s ease-in-out;

      -o-transition: all .2s ease-in-out;

      transition: all .2s  ease-in-out;

}



.ss-wrapper{margin-bottom: 20px}

.ss-wrapper .img-wrapper,.single-wrapper .img-wrapper{margin-bottom: 10px}

.ss-wrapper h4,.single-wrapper h4{margin-bottom: 4px}

.ss-wrapper .img-wrapper,.single-wrapper .img-wrapper{position: relative;overflow: hidden}

.ss-wrapper .img-overlay h5,.single-wrapper .img-overlay h5,

.ss-wrapper .img-overlay h4,.single-wrapper .img-overlay h4

{position: absolute;text-align: center;width: 100%;color: #FFF;top: 48%}



.ss-wrapper .img-overlay,.single-wrapper .img-overlay{position: absolute;width: 100%;height: 100%;;opacity:1;cursor: pointer}

.single-wrapper .img-overlay{opacity: 0}



.ss-wrapper:hover .img-overlay{opacity: .8}

.single-wrapper:hover .img-overlay{opacity: 1}



/*  breadcrumb */

.breadcrumb{background: none;padding: 10px 0}









/* timeline section 

------------------------------------------------*/

/* timeline center */

#timeline-about{position: relative}

.timeline-list{float:left; clear:left ;position: relative;width: 100%;margin-top: 30px}

.line-dot{position: absolute;width: 14px;height: 14px;top:20px;left:50%;background: #1d191a;border-radius: 10px 10px;margin-left: -6px}

.line{position: absolute;width: 1px ;background: #1d191a;height: 98%;left: 50%;top:34px;z-index: -1}

.timeline-list li{overflow: hidden;float: left}

.timeline-list li>div{overflow: hidden}

.timeline-list li:nth-child(odd)  {margin-bottom: 40px;margin-top: 60}

.timeline-list li:nth-child(even){margin-top: 180px}

.timeline-list li .timeline-wrapper{overflow: hidden}

.timeline-list li .timeline-wrapper img{height: 280px; width:auto;overflow: hidden}

.timeline-wrapper img{margin-bottom: 10px}

.timeline-menu{padding-right: 40px}

.timeline-menu-wrapper{overflow: hidden;position: absolute;right:0;top:40px }

.menu-contorl-down {position: absolute;right:40px;top:300px;cursor: pointer;text-align: center}

.menu-contorl-up {position: absolute;right:40px;top:20px;cursor: pointer;text-align: center}



.year-wrapper{padding: 2px 12px;background: #CCC;overflow: hidden;margin-bottom: 4px;color:#FFF;

  -moz-border-radius:4px;

  -webkit-border-radius: 4px;

 behavior:url(border-radius.htc);  border-radius:4px;;

  cursor: pointer

}

.timeline-contianer{position: relative}





.overlay-wrapper-btn{background: aqua;position: absolute;width: 100%;height: 100%;;padding-top: 30%;color: #FFF}

.overlay-btn{position: relative}



/* landing section 

------------------------------------------------*/

.button-blog{margin-top: 0}

.page-template-page-2-section-landing .ss-wrapper{overflow: hidden;position: relative}

.page-template-page-2-section-landing .ss-wrapper h4{text-align: center;width: 100%;color: #FFF;}

.page-template-page-2-section-landing .ss-wrapper .img-overlay{position: absolute;width: 100%;height: 40px;;opacity:1;cursor: pointer;bottom:0}

.page-template-page-2-section-landing .ss-wrapper .img-overlay h4{top: 8px;font-size: 14px}

/* home section 

------------------------------------------------*/

.page-template-page-1-home  .flexslider{height: 500px;margin-bottom: 0;}

.content-home-slider{position: relative;overflow: hidden}

.flex-viewport{height: auto;overflow: hidden}

.home-section-slide-content{width: 100%;position: absolute;top:0;left:0;;z-index: 9;pointer-events: none}

.home-section-slide-content .home-slide-inside{max-width:1080px ;padding: 0 0px;;margin: 0 auto;position: relative;overflow: hidden}

.slide-title{position: absolute;width: 100%;text-align: center;bottom: 40px;left: 0;display: none}

.slide-title p{display: inline-block;position: relative;margin: 0 ;padding: 2px 60px;border: 0 solid #FFF;color: #FFF;;background: rgba(255,255,255,.2);font-family: 'Akkurat',sans-serif;

	  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

 behavior:url(border-radius.htc);  border-radius: 4px;;

  

}

.slide-title .slide-content-list li p{display: none}



.slide-title .slide-content-list li.active p{display: inline-block}



.home-slide-inside .break-bth-bottom{position: absolute;right:20px;bottom: -40px;background: #45456B;height: 80px;width: 80px;

  -moz-border-radius: 40px;

  -webkit-border-radius: 40px;

 behavior:url(border-radius.htc);  border-radius: 40px;;	

  pointer-events: auto;cursor: pointer;

  opacity: 1

}

.home-slide-inside .break-bth-bottom .ion-chevron-down{font-size: 20px;color: #FFF;position: absolute;top:10px;left: 30px}

.content-news-wrapper{margin-top: 20px ;margin-bottom: 20px;;position: relative;overflow: hidden}

.home-news-background{background: #ECE8E7;position: absolute;width: 86%;left: 6%;height: 540px;top:0}

.content-about-wrapper{padding:40px 0;color: #FFF;overflow: hidden}

.content-about-wrapper p{max-width: 680px;margin: 20px auto}





.home-news-date{background: #45456B;position: absolute;width: 58px;height: 58px;top:10px;right:10px;z-index: 9;

  -moz-border-radius: 30px;

  -webkit-border-radius: 30px;

 behavior:url(border-radius.htc);  border-radius: 30px;;

}

.home-news-date-end{background: #45456B;position: absolute;width: 58px;height: 58px;top:10px;right:10px;z-index: 9;

  -moz-border-radius: 30px;

  -webkit-border-radius: 30px;

 behavior:url(border-radius.htc);  border-radius: 30px;;

}

.home-news-date-start{background: #45456B;position: absolute;width: 58px;height: 58px;top:10px;right:65px;z-index: 9;

  -moz-border-radius: 30px;

  -webkit-border-radius: 30px;

 behavior:url(border-radius.htc);  border-radius: 30px;;

}

.home-to{position: absolute;top:20px;left:-14px;color:#FFF;font-size: 10px}



.home-news-date h5,.home-news-date-start h5,.home-news-date-end h5{margin-top: 14px;line-height: 16px;color:#FFF;font-size: 12px}

.more-btn a:hover{color: #FFF}

.home-news-date h5 b,.home-news-date-start h5 b,.home-news-date-end h5 b{display: block;font-size: 12px}

.content-news-wrapper .img-wrapper{max-height:240px;overflow: hidden}

.home-news{text-align: center}

.home-news h6{margin-left: 10px;margin-right: 60px;text-align: left}

.home-news li .single-wrapper{margin: 0 10px;background: #EEE;padding-bottom: 10px}

.home-news li .img-wrapper{margin-bottom: 4px !important}



/* About section 

------------------------------------------------*/

.timeline-wrapper{margin-right: 70px;margin-left: 70px}

.section-contact p {margin-bottom: 10px}

.page-template-page-a-about-f5 .study-list .img-overlay{background: #C80858}



/* Programme section 

------------------------------------------------*/

    .program-menu-list li,.programming-header h3{

      -webkit-transition: all .2s ease-in-out;

      -moz-transition: all .2s ease-in-out;

      -o-transition: all .2s ease-in-out;

      transition: all .2s  ease-in-out;

    }

    

.program-menu-list-wrapper{position: absolute;width: 100%;right: 20px;background: #FFF;z-index: 9}

.program-menu-list li{border-bottom: 1px solid #CCC;padding:10px 14px;cursor: pointer }

.program-menu-list li.active,.program-menu-list li.active a{background: #119290;color:#FFF}

.program-menu-list li:hover{background: #CCC;color:#FFF}

.program-ss-list{border-top: 1px solid #CCC;}

.program-ss-list>li{ border-bottom: 1px solid #CCC;padding: 10px 0;overflow: hidden }

.programming-header h3,.programming-header h4{display: inline}

.programming-header h3:hover{color: #333}

.programming-header{cursor: pointer}

.programming-content{margin-right: 40px;padding: 10px 0;display:none}

.program-ss-list>li.active .programming-content{max-height: 9998px}

.course-list .left-block,.course-list .right-block{width: 20%;float: left}

.course-list .right-block{width: 80%}

.course-list .wrapper{width: 100%;position: relative}

.right-block  {padding-bottom: 10px;border-bottom: 1px dotted #999;margin-bottom: 10px}

.course-list .wrapper h5{cursor: pointer}

.course-list li p{margin-bottom: 4px !important}

.fee-list ul {margin:40px 0}

.fee-list ul li{margin: 10px 0;position: relative;overflow: hidden;width: 100%;padding-left: 40px;list-style-type: circle;background: url('images/dot.svg') left 4px no-repeat}

.faq-list .right-block{width:100%;float: left;margin-bottom: 10px;padding-bottom: 10px}

.faq-list .right-block table{margin-bottom: 10px}

#admission .bg-btn{margin-top: 20px;background: #119290;color:#FFF !important}



table td{border: 1px solid #333;padding: 10px;}





/* Research section 

------------------------------------------------*/

    .research-overlay{

      -webkit-transition: all .2s ease-in-out;

      -moz-transition: all .2s ease-in-out;

      -o-transition: all .2s ease-in-out;

      transition: all .2s  ease-in-out;

    }

.research-list .single-wrapper{margin-bottom: 40px}

.research-list .img-wrapper{margin-bottom: 10px;max-height: 120px;overflow: hidden}

.research-wrapper .img-wrapper{margin-bottom: 20px;}

.research-wrapper h4{margin-bottom: 10px}

.research-wrapper .img-wrapper{position: relative;overflow: hidden}

.research-overlay{position: absolute;width: 100%;height: 100%;background: #9140B3;opacity: 0;cursor: pointer}

.research-overlay h5{position: absolute;top: 45%;text-align: center;width: 100%;color: #FFF}

.research-wrapper:hover .research-overlay{opacity: 1}

.research-wrapper:hover h4 a{color:#9140B3}



.research-list .single-wrapper{background: #EEE}

.research-list .single-wrapper .content-wrapper{padding:0 20px  10px 20px}

.research-list .single-wrapper .content-wrapper h4{margin-right: 10%}

.research-list .single-wrapper .content-wrapper p{margin-bottom: 0}

.research-list .single-wrapper{margin-bottom: 20px}

/* Single */



.support-wrapper{margin-bottom: 20px;padding-right: 60px}

.single-research-post .flexslider,.single-exhibition-post .flexslider{margin-bottom: 0}

.single-research-post .flex-viewport,.single-exhibition-post .flex-viewport{height: auto}



.research-header h3,.overlay-image-top,.nav-np-wrapper i,.banner-overlay{

  -webkit-transition: all .2s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

   transition: all .2s  ease-in-out;

   

}

.research-header h3{text-transform: uppercase}

.research-ss-list>li.active .research-content{max-height: 9998px}

.research-ss-list{border-top: 1px solid #CCC;}

.research-ss-list>li{ border-bottom: 1px solid #CCC;padding: 10px 0;overflow: hidden }

.research-ss-list>li:last-child{border-bottom: 0}

.research-header h3,.research-header h4{display: inline}



.research-header{cursor: pointer}

.research-content{margin-right: 40px;padding:10px 0;display:none}



.research-content li,.research-content ol{list-style: decimal !important; margin: 0 0 1em 2em; }





.nav-np-wrapper {position: relative;overflow: hidden;cursor: pointer;;max-height: 120px;overflow: hidden;margin-bottom: 10px}

.nav-np-wrapper.next{text-align: right}

.next-icon{position: absolute;top:45%;right:20px;color: #FFF}

.prev-icon{position: absolute;top:45%;left:20px;color: #FFF}

.nav-np-wrapper i{color: #FFF}

.single-research-post .nav-np-wrapper:hover i, .single-news-or-events .nav-np-wrapper:hover i{color: #333}

.single-research-post .overlay-image-top, .single-news-or-events .overlay-image-top, .single-exhibition-post .overlay-image-top{position: absolute;width: 100%;height: 100%;background: rgba(145,64,179,.6);color:#FFF;}

.single-research-post .nav-np-wrapper:hover .overlay-image-top, .single-news-or-events .nav-np-wrapper:hover .overlay-image-top,.single-exhibition-post .nav-np-wrapper:hover .overlay-image-top,{background: rgba(255,255,255,.5);color: #333}

.single-research-post .overlay-image-top .text-wrapper, .single-news-or-events .overlay-image-top .text-wrapper,.single-exhibition-post .overlay-image-top .text-wrapper{margin-top: 12%;margin-left: 60px;margin-right: 60px}



#slider{width: 80%;float: left;border: 1px solid #e1e1e1}

#slide-thum{width: 20% !important;float: left };

#slide-thum ul{width: 100% !important;float: right}

#slide-thum li{display: block;position: relative;float: right;margin: 0 0 20px 0 ;width: 80px;cursor: pointer;}

#slide-thum li img{float: right;width:80px;height: 80px;border: 1px solid #e1e1e1}



/* research year book*/

.page-template-page-c-research-c4 .timeline-list .line,.page-template-page-c-research-c4 .timeline-list .line-dot{left:2%}

.page-template-page-c-research-c4 .timeline-list li{padding: 10px 0}

.page-template-page-c-research-c4 .timeline-list .sub-timeline{}

.page-template-page-c-research-c4 .timeline-list .sub-timeline .timeline-wrapper{margin: 0 20px}

.page-template-page-c-research-c4 .timeline-list .sub-timeline li:first-child{width:auto;margin-right: 40px}

.page-template-page-c-research-c4 .timeline-menu{top:80px;right:20px;z-index: 9}



/* Publication */

.publication-wrapper{margin-bottom: 40px;margin-right: 60px}

.page-template-page-c-research-c5-inside .program-menu-list li.active, 

.page-template-page-c-research-c5-inside .program-menu-list li.active a

{background: #9140b3}

.publication .img-wrapper{max-height: 240px}

.page-template-page-c-research-c5-inside .people-img{margin-bottom: 0!important}



.page-template-page-c-research-c5-inside .study-list li{padding-left: 0}

.page-template-page-c-research-c5-inside .study-list h6{background: #EEE;padding: 10px 10px;width: 90%}

.page-template-page-c-research-c5-inside .publication-img{margin-bottom: 0;width: 90%;overflow: hidden;}

.page-template-page-c-research-c5-inside  .publication-img img{width: 100%;height: auto;border: 1px solid #CCC}



.page-template-page-c-research-c5 .study-list .img-wrapper a{overflow: hidden}

.page-template-page-c-research-c5 .study-list .img-wrapper img{width:90%;height: auto;position: absolute}



.page-template-page-c-research-c5 .study-list .img-overlay{z-index: 2;background: #9140B3 !important}

.page-template-page-c-research-c5 .study-list .img-overlay:hover{opacity: .8}

.page-template-page-c-research-c5 .study-list .img-wrapper{height: 200px}



/* banner */



.page-template-page-c-research-c4 .timeline-list .sub-timeline li{width: 30%}

.banner-wrapper{position: relative;max-height: 240px;overflow: hidden;}

.banner-overlay{position: absolute;top:0;left:0;width: 100%;height: 100% ;z-index: 2;color: #FFF}

.banner-wrapper:hover .banner-overlay{background: rgba(145,64,179,.8)}

.banner-overlay .text-wrapper h3{top:40%;left: 40px;position: absolute;width: 60%}

.banner-overlay .banner-view{position: absolute;top:45%;;right: 40px}

.banner-overlay .banner-view i{margin-left:20px;font-size: 12px}



/* People section 

------------------------------------------------*/

.people-img{

  -webkit-transition: all .2s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

   transition: all .2s  ease-in-out;

}



.ba-grad-ss{margin-bottom: 0}

.all-staff-wrapper{overflow: hidden;padding-bottom: 10px}

.all-staff-wrapper .pull-left,.all-staff-wrapper .pull-right{width: 50%;}

.people-img{margin-bottom: 10px;width: 148px;overflow: hidden;height: 180px;position: relative}

.people-img img{border: 1px solid #CCC;height:auto;width: 100%;;position: absolute;top:0;left:0;height: 100%;width:auto}

.people-wrapper{margin-bottom: 20px;margin-right: 60px}

.people-wrapper a:hover{color:#0C98C6}

.people-wrapper a:hover .people-img:hover{opacity: .6}

.study-list{margin-left: 0;margin-bottom: 0}

.page-template-page-d-people-d2 .program-menu-list li:hover{background: #0c98c6 !important;color:#FFF}





/* single */

.people-year-wrapper{margin-right: 30px;font-weight: bold}





/* alumni */

.alumni-wrapper{position: relative;padding-bottom: 0;margin-top: 20px;overflow: hidden;display: none}

.alumni-wrapper-image{position: relative;margin-top: 60px}

.alumni-wrapper.active{display: block;}

.page-template-page-d-people-d4 .timeline-menu{}

.ba-grad-content{;top:120px;background: #FFF;overflow: hidden;padding-top: 10px;padding-bottom: 10px}

.grad-list li{width: 25%;float: left;margin-bottom: 10px}



.grad-list-mid li{position: relative;overflow: hidden}

.page-template-page-d-people-d4 .section-break{color: #333;padding: 20px 0 0 0;margin: 0 0 30px 0 !important}

.grad-list-mid .timeline-menu li{width:6%;margin: 0 0.8% 0 0;float: left;text-align: center}

.grad-list-mid .timeline-menu{ width: 100%; }

.mid-grad-wrapper{display: none}

.mid-grad-wrapper.active{display: block}

.alumni-wrapper .line-dot{top:40px}

.alumni-wrapper .line{top:54px}

.timeline-menu li.active .year-wrapper{background: #0C98C6}

.mid-grad-ss{display: none;overflow: hidden;margin-bottom: 20px}

.mid-grad-title {cursor: pointer}



.sub-grad-list .timeline-menu{width: 100%;overflow: hidden}

.mid-grad-wrapper{float: left;width: 100%}

.page-template-page-d-people-d4 .timeline-menu-wrapper{margin-top:90px}

.page-template-page-d-people-d4 .menu-contorl-down{top:380px}

.page-template-page-d-people-d4 .menu-contorl-up{top:100px}



.page-template-page-d-people-d4 #pop-item{position: fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(255,255,255,.8) none repeat scroll 0 0;z-index: 9998;display: none;overflow: scroll;}

.page-template-page-d-people-d4 #pop-item section{width: 100%;margin: 40px auto;max-width:1000px ;padding: 40px 40px;background: #FFF;pointer-events: auto;box-shadow: 2px 2px 10px #999;position: relative}

.page-template-page-d-people-d4 #pop-item-2{position: fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(255,255,255,.8) none repeat scroll 0 0;z-index: 9998;overflow: scroll;display: none}

.page-template-page-d-people-d4 #pop-item-2 section{width: 100%;margin: 40px auto;max-width:1000px ;padding: 40px 40px;background: #FFF;pointer-events: auto;box-shadow: 2px 2px 10px #999;position: relative}

.page-template-page-d-people-d4 #pop-item-2 a{ color: #0C98C6}



.page-template-page-d-people-d4 .timeline-list .line,.page-template-page-d-people-d3 .timeline-list .line-dot{left:2%}

.page-template-page-d-people-d4 .timeline-list{padding: 0}



.page-template-page-d-people-d4 .timeline-list li{margin: 5px 0}

.page-template-page-d-people-d4 .timeline-list .sub-timeline{overflow: hidden}

.page-template-page-d-people-d4 .timeline-list .sub-timeline li{width:25%;}

.page-template-page-d-people-d4 .timeline-list .sub-timeline li:last-child{width: 48% ;margin-left: 2%}



/* Visiting*/

.page-template-page-d-people-d3 .timeline-list .line,.page-template-page-d-people-d3 .timeline-list .line-dot{left:2%}

.page-template-page-d-people-d3 .timeline-list li{margin: 5px 0;width: 100%}

.page-template-page-d-people-d3 .timeline-list .sub-timeline{overflow: hidden}

.page-template-page-d-people-d3 .timeline-list .sub-timeline li{width:25%;}

.page-template-page-d-people-d3 .timeline-list .sub-timeline li:last-child{width: 48% ;margin-left: 2%}







/* News section 

------------------------------------------------*/



.news-exhibition .banner-overlay:hover{background: rgba(90,218,194,.8)}

.single-news-or-events .overlay-image-top, .single-news-or-events .overlay-image-top{background: rgba(90,218,194,.8)}

.news-list .img-wrapper{margin-bottom: 10px;max-height: 120px;overflow: hidden}



.news-list .single-wrapper{background: #EEE}

.news-list .single-wrapper .content-wrapper{padding:0 20px  10px 20px}

.news-list .single-wrapper .content-wrapper h4{margin-right: 20%}

.news-list .single-wrapper .content-wrapper p{margin-bottom: 0}

.news-list .single-wrapper{margin-bottom: 20px}

.news-list .home-to{left: -4px}



.art-of-wrapper{height:260px;overflow: hidden;margin-bottom: 40px;position: relative}

.art-of-wrapper img{max-height:100%;width: 80% }

.art-of-cuhk-list li{cursor:  pointer}



/* Study section 

------------------------------------------------*/

/* Apply */

.apply-course-list {padding: 0;}

.apply-course-list li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom: 1px solid #CCC;overflow: hidden}

.apply-course-list .bg-btn{margin-top: 10px;background: #FF6044;color:#FFF}

.admission-left{display: inline-block ;width: 50%}



/* exchange */

.exchange-list li{margin-bottom: 10px;}

.exchange-title{margin-bottom:6px}



.pdf-block{opacity: 1;position: relative;display: block;margin-bottom: 4px}

.pdf-block h6{margin-left: 24px}

.ion-document{font-size: 24px;cursor: pointer;margin-right: 6px;line-height: 18px;top: -4px;position: absolute;left:0}

.pdf-block:hover{opacity: .6}



/*study FAA experien*/

.study-list .img-overlay{

  -webkit-transition: all .2s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

   transition: all .2s  ease-in-out;

}

/* lv 1*/

.ex-entry{}

.ex-entry li{max-height: 400px}

.ex-entry .img-wrapper{position: relative;overflow: hidden;margin-bottom: 20px}

.ex-entry .img-overlay{position: absolute;width: 100%;height: 100%;;opacity: 1;cursor: pointer}

.ex-entry .img-overlay:hover{opacity: .2}

.ex-entry .img-overlay h5{position: absolute;top: 45%;text-align: center;width: 100%;color: #FFF}





/* lv 2 */

.study-course-list {padding: 0;margin-top: 80px}

.study-course-list li{margin:0 0 40px 0;padding:0 0 40px 0;border-bottom: 1px solid #CCC}

.study-course-list .bg-btn{margin-top: 20px}

.page-template-page-f-study-f2-inside .program-menu-list li.active,.page-template-page-f-study-f2-inside .program-menu-list li.active a{background:#FF6044}



.study-list{overflow: hidden}

.study-list li{margin-bottom: 10px;}

.study-list h4{margin-bottom: 10px}

.study-list li>h5{background: #EEE;padding:  6px 10px 6px 10px}

.study-list .img-wrapper{position: relative;overflow: hidden;margin-bottom: 0;;width: auto}

.study-list .img-wrapper img{min-width: 100%}

.study-list .img-overlay{position: absolute;width: 100%;height: 100%;background: #FF6044;opacity: 0;cursor: pointer}

.study-list .img-overlay:hover{opacity: .8}

.study-list .img-overlay h5{position: absolute;top: 45%;text-align: center;width: 100%;color: #FFF}



.study-list-content{display: none}

.study-popup-box{position: fixed;top:0;left:0;width: 99.9%;height: 100%;background:rgba(255,255,255,.8);z-index: 999;display: none;overflow: hidden;overflow-y: scroll;}

.pop-wrapper {width: 100%;margin: 40px auto;max-width:900px ;padding: 20px ;background: #FFF;pointer-events: auto;box-shadow: 2px 2px 10px #999;}

.pop-wrapper .row {max-width: 700px;margin: 0 auto}

.pop-wrapper.pop-less{}

.pop-wrapper .carousel-control.right,.pop-wrapper .carousel-control.left{background:0}

.pop-wrapper img{margin: 0 auto;}

.pop-wrapper .carousel-control.right{right: -115px}

.pop-wrapper .carousel-control.left{left: -115px}





.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img

{width: 100%;max-width: 900px}

.pop-content{display: inline}

.pop-content h3{display: inline}



/*

.pop-content h3{display: none}

.pop-content h3,.pop-content p{font-size:20px;font-weight: bold;color: #FFF;line-height: 26px}

*/



.pop-slider{margin: 0 0 20px 0}

.study-close-btn{cursor: pointer;position: absolute;top:-20px;right:-100px;background: #EEE;z-index: 9}

.study-close-btn .ion-close{cursor: pointer;font-size: 24px}

.pop-content p{text-align: left !important}

.pop-slider img{width: 100%;height: auto;margin-bottom: 20px;}



.pop-wrapper .item{}

.carousel-control{text-shadow: none ;font-size: 14px;color: #333;opacity: 1 !important}

.carousel-sontrol a{position: relative}

.carousel-control:hover{color: #999;opacity: .8 !important}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{font-size: 20px;margin-top: 6px}

.glyphicon i{background: none;color: #333}

.glyphicon {top: 45%}

.carousel-control{height:100%;width: auto}

.carousel-indicators{margin-left: 0 !important;width: 100% !important;text-align: left;left: 0;bottom:-10px}

.carousel-indicators .active{background: #333;}

.carousel-indicators li{border: 1px solid #333;margin-right: 5px !important}

.carousel-inner{padding-bottom: 20px;margin-top:10px}

.item em{ font-size: 14px !important;display: block;margin-top: 20px;font-style: italic !important;font-family: serif !important}

#life{display: block}



/* Learning support */

.page-template-page-f-study-f4 .timeline-list .line,.page-template-page-f-study-f4 .timeline-list .line-dot{left:2%}

.page-template-page-f-study-f4 .timeline-list li{padding: 10px 0}

.page-template-page-f-study-f4 .timeline-list .sub-timeline{margin-left: 80px;overflow: hidden}

.page-template-page-f-study-f4 .timeline-list .sub-timeline li{width:50%;margin-left: 4%}

.page-template-page-f-study-f4 .timeline-list .sub-timeline li:first-child{margin-left:0;width: 20%}

.page-template-page-f-study-f4 .timeline-list .sub-timeline li:last-child{margin-left:5%;width: 10%}

.page-template-page-f-study-f4 .timeline-list .ion-document{margin: 0 10px}





/* Facility */

.page-template-page-f-study-f5 .program-menu-list li.active,

.page-template-page-f-study-f5 .program-menu-list li.active a,

.page-template-page-f-study-f6 .program-menu-list li.active,

.page-template-page-f-study-f6 .program-menu-list li.active a

{background: #FF6044}

.page-template-page-f-study-f5 .program-menu-list li{padding: 8px 14px}





.page-template-page-f-study-f4 .overlay-wrapper-btn{background: #FF6044}

.page-template-page-f-study-f5 .carousel-inner ,.page-template-page-f-study-f6 .carousel-inner{padding-bottom: 0}





footer{margin-top: 20px}





/* WMPL */

.wpml-ls-display{display: none !important}

.wpml-ls-legacy-list-vertical a{padding: 0 !important}

.wpml-ls-current-language{background: #45456B}

.lang-con span{padding: 5px !important}

.wpml-ls-current-language a{color: #FFF}