a{text-decoration: none }

.mobile-item{display: none}
/* header */
header{position: fixed;top:0;padding: 30px 0;width: 100%;z-index: 9;background: #FFF;transition: all .6s cubic-bezier(0.83, 0, 0.17, 1); }
.menu-wrap{position: fixed;width: 100vw;height: 100%;background: rgba(255,255,255,.95);top:0;right: 0;z-index: 8;padding-top: 18vh;transition: all 1.2s cubic-bezier(0.83, 0, 0.17, 1); transform: translateX(100vw);opacity: 0;overflow: hidden;overflow-y: scroll}
.menu-wrap.active{transform: translateX(0);opacity: 1}
.page-template-template-home header{background: none;border-bottom: 0}
.page-template-template-home header.active{background: #FFF}
.main-sitemap{padding-bottom: 30px;overflow: hidden;display: block}
.main-sitemap li{width: 33%;float: left}
.main-sitemap li h5{line-height: 1.1}
.logo{width: 50px;height: 50px;background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/logo.svg) center center no-repeat;background-size: 50px}
.lang-btn{margin-top: -20px;display: block;width: 100%;overflow: hidden;}
.lang-btn ul{overflow: hidden;float: right}
.lang-btn li{margin-left: 20px;float: left}
.menu-btn{display: inline-block;padding-right: 30px;background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/menu.svg) right center no-repeat;background-size: 16px}
.display-menu{display: inline-block;float: right}
.display-menu>li{float: left;margin-left: 40px;position: relative;cursor: pointer}
.drop-menu{padding-right: 20px;background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/drop.svg) right center no-repeat;background-size: 10px }
.display-menu>li:nth-child(3){border-right: 1px solid #333;padding-right: 30px}
.display-menu>li:nth-child(4){margin-left: 30px}
.display-menu .sub-menu{position: absolute;background: #FFF;padding: 20px 20px 10px  10px;width: 220px;display: none;left: -10px;top:30px}
.display-menu .sub-menu li{margin-bottom: 10px}
.display-menu>li .menu-bg{background: #FFF;position: absolute;left: -10px;top:-10px;width: calc(100% + 20px);height: calc(100% + 20px);z-index: -1;opacity: 0}
.display-menu>li:hover .menu-bg{opacity: 1}
.display-menu>li:hover .sub-menu{display: block}
.display-menu h4{line-height: 30px}

/* footer */
.footer-wrap{padding: 30px 0 60px;background: #272727}
.footer-sub-wrap{padding: 20px 0}
.footer-sub-wrap ul{width: 100%;position: relative;display: block;overflow: hidden;margin-bottom:5px}
.footer-sub-wrap li{float: left;margin-right:30px}
.footer-sub-wrap h6{display: block;float: left}
.footer-sub-wrap img{float: right}
.footer-sitemap li{float: left;max-width: 16%;margin-left: 2vw}
.footer-sitemap{float: right}

/* gobal */
section{padding: 0 0 30px 0;position: relative}

.border-bottom{border-bottom: 1px solid #000}
.arrow-url{width: 50px;height: 50px}
.inner-page{padding-top: 124px}
.page-title-wrap{position: relative;padding: 20px 30px 20px 30px}
.page-title-wrap-bg{position: absolute;width: calc(100% + 90px);height: 100%;background: #000;top:0;left: -30px;z-index: -1}
.page-banner-right{margin-right: -60px;width: calc(100% + 60px);height: 30vw}
.page-banner{margin-left: -60px;width: calc(100% + 60px)}
.video-wrapper video{width: 100%;height: 31vw}
.backtotop{position: fixed;width: 40px;height: 40px;position: fixed;right: 20px;bottom:54px;background: #000  url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/btt.svg) center center no-repeat;background-size: contain;z-index: 2;display: none}
.backtotop.active{display: block}
/* home */
.header-shadow{position: absolute;width: 100%;height: 80%;background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 20%, rgba(255,255,255,.8) 100%);;top:0;left: 0;z-index: 6}
.page-template-pagetemplate-home-php .flexslider .slides > li { background-position: center;height: 100vh;width: 100%;display: none; -webkit-backface-visibility: hidden;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
background-size: cover;}
.page-template-pagetemplate-home-php .flexslider-container, .flexslider .slides, .flex-viewport {height: 100%;}
ul.slides {margin: 0;padding: 0;}
.page-template-pagetemplate-home-php .flexslider {margin: 0; padding: 0; width: 100%; height: 100%; border: 0px; overflow: hidden;border-radius: 0;border: none}
.home-hero-txt{position: absolute;bottom: 30px;width: 100%;z-index: 7}
.home-hero-txt h1{font-size: 6.4vw}

.home-work-style{position: relative;width: 100%;height: 48vw}


.home-info-btn-bg{position:absolute;width: 40%;height: 100%;background: #000;right:0;top:0;z-index: -1 }
.home-ba-wrap{background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/arrow-black.svg) right top no-repeat;background-size: 50px}
.home-pro-wrap{background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/arrow-white.svg) right top no-repeat;background-size: 50px}

.home-feature-img{width:100%;height: 36vw}
.home-feature-wrap{position: relative}
.home-feature-title-l{width: 30vw;height: 30vw;position: absolute;top:0;left: 12px;z-index: 2;background: rgba(255,255,255,.85);padding: 30px}
.home-feature-title-l .des{position: absolute;bottom: 30px;left: 30px;width: 80%}
.home-feature-title{margin-top: -180px;background: rgba(255,255,255,.85);position: relative;display: inline-block;padding-top: 20px;padding-right: 20px}
.home-feature-content{width: 50%}
.home-feature .arrow-url{background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/arrow-black.svg) center center no-repeat;background-size: contain}

.home-side-info{padding: 30px;background: #272727;height: 22vw;position: relative}
.home-side-des{position: absolute;bottom: 30px;left: 30px;color: #FFF;width: 65%}
.home-side-info .arrow-url{position: absolute;right: 30px;top:30px;background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/arrow-white.svg) center center no-repeat;background-size: contain}

/* Year Dot */
.year-dot{position: absolute;right: 100px;top:0;width: 25px;height: 25px;border: 5px #333 solid;border-radius: 100%}
.year-dot::after{content: "　";width: 4px;height: 16vw;background: #333;position: absolute;top:40px;left: 5px;border-radius: 2px}
li:last-child .year-dot::after{display: none}
.history-img{width: 100%;height: 20vw}

/* programme */
.programme-main-menu{padding:  30px;}
.programme-main-menu li{margin-bottom: 10px}
table td {    border: 1px solid #333;    padding: 10px;}
.course-list li{margin-bottom: 20px;border-bottom: 1px solid #CCC;padding-bottom: 20px}
table{margin: 30px 0}
.course-list li{width: 100%;overflow: hidden;padding-right: 20px;background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/drop.svg) right top 10px no-repeat;
    background-size: auto;background-size: 10px;}
.course-list li .left-block,.course-list li .right-block{width: 30%;float: left;position: relative}
.course-list li .right-block{width: 50%;padding-left: 30px;margin-left: 10%}
.course-list li .left-block span.units{position: absolute;right: 0}
.hide-content{overflow: hidden;max-height: 0;transition: all .6s cubic-bezier(0.83, 0, 0.17, 1);}
.course-list li.active .hide-content{max-height: 999px}
.course-list li{cursor: pointer}

.scroll-menu{position: fixed;bottom: 0;background: #000;width: 100%;z-index: 2;transform: translateY(100px);transition: all .6s cubic-bezier(0.83, 0, 0.17, 1);}
.scroll-menu.active{transform: translateY(0)}
.scroll-menu h5 a{color: #FFF !important}
.page-template-template-programmes {padding-bottom: 60px}
.pdf-btn{background: #333;display: inline-block;padding: 4px 20px;border-radius: 4px}
.pdf-btn a{color: #FFF}

/* research */
.research-listing .arrow-url{background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/arrow-black.svg) center center no-repeat;background-size: contain}
.research-listing-info{width: 80%;background: #FFF;margin-top: -40px;position: relative;padding-top: 20px}
.research-listing-wrap{position: relative;margin-bottom: 60px}
.research-listing-block{}
.content-wrapper li{list-style: decimal; }
.content-wrapper ul{padding-left: 40px;margin-bottom: 30px;margin-top: 15px}
.single-research .flexslider{border: 0;margin-bottom: 0 ;width: calc(100% + 60px);margin-left: -60px}
.single-news .flexslider{border: 0;margin-bottom: 0 ;width: calc(100% + 60px);margin-left: -60px}
.research-image{width: 100%;height: 36vw}
.slider-txt{position: absolute;bottom: 30px;z-index: 7;right: 60px}
.slider-txt h3{display: inline-block;float: right}
.slider-txt span.space{margin: 0 10px}
.arrow-left{background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/arrow-left.svg) center center no-repeat;background-size: contain;float: right;}
.arrow-right{background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/arrow-right.svg) center center no-repeat;background-size: contain;float: right;margin-left: 20px}
.arrow-way{width: 50px;height: 50px;display: inline-block;}
.arrow-url{background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/arrow-right.svg) center center no-repeat;background-size: contain;}

.poster-wrap {
    border: 0;
    margin-bottom: 0;
    width: 100%;
    margin-left: 0;
}

/* publications */
.book-cover{width: 100%;height: 30vw;background: #EEE}

/* Learning Support */
.img-block{width: 100%;height: 22vw;background: #EEE}

/* people */
.peopl-img{width: 100%;height: 16vw;background: #EEE}

/* staff */
.staff-list li{border-bottom: 1px solid #CCC;overflow: hidden}
.staff-list li .col-block{width: 25%;float: left}

/* study tour*/
.study-tour-image{width: 80vw;height: 80vh;margin: 10vh auto}

/* alumni-list */
.alumni-list li{display: inline;float: left;margin-right: 20px}
.alumni-list-content{ width: 100%;overflow: hidden;position: relative;margin-bottom: 20px}
.name-list li{width: 25%;float: left;margin-bottom: 5px}
.alumni-list .item{background: #CCC;padding: 4px 10px;color: #FFF;border-radius: 2px;margin-right: 10px;cursor: pointer;}
.alumni-list .item h5{color: #FFF;text-align: center}
.alumni-list .item.active{background: #333}
.alumni-list-content>li{display: none}

.alumni-list-content>li.active{display: block}
.alumni-right-arrow{position: absolute;right: 0;top:0;width: 90px;height: 28px;background: #FFF url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/arrow-right.svg) center center no-repeat;background-size: auto 80% ;z-index: 9}

/* archive */
.archive-list li{border-bottom: 1px solid #666;padding-right: 20%;background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/arrow-right.svg) right top 10px no-repeat;background-size: 40px;margin-bottom: 20px}

/* pop */

.popup{position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 9;pointer-events: none;transform: translateY(100%);transition: all .6s cubic-bezier(0.83, 0, 0.17, 1);background: rgba(255,255,255,.95)}
.close-btn{position: absolute;right: 30px;top:30px;width: 30px;height: 30px;background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/close.svg) center center no-repeat;z-index: 9}
.popup.active{top:0;left: 0;transform: translateY(0);pointer-events: auto;}
.left-arrow{position: absolute;left: 30px;top:50%;background: url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/arrow-left.svg) center center no-repeat;width: 30px;height: 30px;z-index: 2}
.right-arrow{position: absolute;right: 30px;top:50%;background:  url(/20221204081109oe_/https://www.arts.cuhk.edu.hk/~fadept/wp-content/themes/swap/assets/images/arrow-right.svg) center center no-repeat;width: 30px;height: 30px;z-index: 2}